[疑问]产品希望实现个0.5px高度的分割线。怎么办？
[流泪]height属性设置为0.5px？不可以，因为一些浏览器不支持height为小数。
[呲牙]建议设置height=1px，然后设置transform:scaleY(0.5)
[流汗]但是这样还不够，因为虽然设置了transform，但是它依然占据了1px的空间。这样的话，其后的元素看起来就跟分割线有个0.25px的距离，其前的元素看起来跟分割线也有0.25px的距离(因为transform默认的缩放点是在中心)。
[愉快]所以还需要把分割线设置成absolute。但这样位置不太好控制位置。所以分割线可以放到伪元素的样式里，在::after里实现样式
展开
技术交流圈
avatar
avatar
avatar
赞过
1
相关推荐