本文介绍了如何使英文或数字文本在达到父元素宽度时换行，提供了两种方法：1. 使用text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 2. 推荐使用word-wrap:break-word或其兼容性更好的属性overflow-wrap:break-word。同时，澄清了关于break-all属性在Chrome中的使用情况。
当我们的文本节点内容是英文或者数字时，它默认是不会换行的，如下图
有两种解决办法
1.省略号
三件套
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap；
2.css设置word-wrap： break-word
这样就会在达到父元素的宽度后进行换行了！
注：又找到个类似的属性overflow-wrap: break-word，并且上面那个ie不支持，这个ie支持，推荐使用这个
注:在网上看到有个break-all属性，但是chrome浏览器试过后并没有
扫一扫
544
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
