一般情况

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

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

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;

可以实现折行。如下:




Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐