css几行代码实现强制换行写法和强制不换行写法

css强制不换行写法

1 word-break:keep-all;
2 white-space:nowrap;
3 overflow:hidden;
4 text-overflow:ellipsis;

css强制换行写法

1 word-break:break-all;
2 word-wrap:break-word;

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

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

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

1 flex:1; min-0;
原文地址:https://www.cnblogs.com/lgx5/p/13571492.html