CSS设置文本折行处理

一般情况

只要定好文字所在容器的宽度文字就会折行，如下面：

想控制一段文本不折行，设置如下的样式：

white-space: nowrap;

word-wrap: normal;

word-break: keep-all;

相反，如果一段文本不能折行了，那么可能是设置了如上的样式，则将样式改为

white-space: normal;

word-wrap: break-word;

word-break: break-all;

含有很长英文情况

 定好文字所在容器的宽度后文字不会折行，效果：

对其设置

white-space: normal;

word-wrap: break-word;

word-break: break-all;

可以实现折行。如下：