06月05, 2019

flex-min-width

flex布局中需要截断文字的处理

codepen显示效果

计算方式

flex在计算content宽度时,会以Max(flex-basis, min-width)的计算方式去设置。

对于flex布局来说,元素的默认min-width为auto(contentWidth), 所以上面的计算结果为Max(flex-basis, min-width) = contentWidth

将min-width设置为0,则计算结果为flex-basis,内容区域的Overflow也会生效了。

本文链接:http://fengbaiyang.cn/post/flex-min-width.html

-- EOF --

Comments

暂不支持评论,如有问题,请发邮件至baiyang.feng@outlook.com。 望不吝赐教~