最近在写vue项目时打算用div写成table的样式,在处理边框时遇到竖向的边框长短不一的问题,一开始的想法是用vue的ref操作dom来获取高度最大元素的高度,后来就在想能否只用css是想这一需求,在查阅尝试多次之后成功,在这里分享记录
1.直接使用父元素 display:table
,子元素 display:table-ceil
;(原本就没有打算用table布局)
2.为父元素设置 overflow:hidden
再为子元素设置大的 padding-bottom
属性,再用相等的负 margin-bottom
属性抵消;
(我是月铭泽,第一次记录博客,错误之处请指正)
所有评论(0)