前端flex与超出展示...(ellipsis)并存

前端flex与超出展示...(ellipsis)并存_第1张图片
如图所示:如果要用flex设置图中结构时:
A:flex
B:flex 宽度200px
C:flex flex:1
E:宽度30px
D:flex:1
此时,对D使用超出一行省略,显示...就会有问题,会一行展示,不会显示...
解决:增加
C:overflow: hidden;
即刻完美解决!

你可能感兴趣的:(flexhtml5前端css)