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也会生效了。
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 --
作者
admin
发表于
2019-06-05 11:05:54
,最后修改于
2019-06-05 11:46:19
本博客来自【白杨的博客】, 转载请注明出处,谢谢合作~
Comments
暂不支持评论,如有问题,请发邮件至baiyang.feng@outlook.com。 望不吝赐教~