最近在写vue项目时打算用div写成table的样式,在处理边框时遇到竖向的边框长短不一的问题,一开始的想法是用vue的ref操作dom来获取高度最大元素的高度,后来就在想能否只用css是想这一需求,在查阅尝试多次之后成功,在这里分享记录

1.直接使用父元素 display:table,子元素 display:table-ceil;(原本就没有打算用table布局)

2.为父元素设置 overflow:hidden再为子元素设置大的 padding-bottom 属性,再用相等的负 margin-bottom 属性抵消;

(我是月铭泽,第一次记录博客,错误之处请指正)


Logo

前往低代码交流专区

更多推荐