文字超出宽度后,显示省略号的解决办法,以及flex与超出显示省略号冲突问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_16390749/article/details/54864328


文字超出宽度后,显示省略号的解决办法

overflow:hidden; white-space:nowrap; text-overflow:ellipsis;


需要注意的是,在移动端在flex元素中的内容进行省略文字的操作,则flex失效,flex之外的内容宽度不受控制,图片宽度无法撑起,解决办法如下:给设置了flex:1;弹性宽度的div设置最小宽度为0可以解决此问题。

flex:1; min-width:0;

阅读更多

没有更多推荐了,返回首页