flex下height高度与css设置高度不一致
今天公司项目是限制多行文本达到多行line-height溢出隐藏我是这样写的
font-size:1em
line-height:1.1em
height:3.3em
overflow:hidden
实践发现height的高度与font-size的高度的倍数不一致
一开始以为是em的关系
后来测试px也存在同样的问题
经过排查确定了是flex导致的
假设
A设置flex:1 1 0
B设置height
对A设置Flex伸长后
对B设置height依然不会起到作用
会在A贪婪伸长之后，B也会产生一定的缩减
解决方法也很简单
对B设置flex-shrink为0
即可解决
页:
[1]