HTML内容超过div宽度不能自动换行解决方法

 HTML  2018-08-23  admin  4737  6394

HTML内容超过div宽度不能自动换行解决方法

Snipaste_2018-08-23_09-30-37.png

HTML内容超过div宽度不能自动换行解决方法
<div style="width:200px;height: 200px;border:1px solid red;">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
<br>
<div style="width:200px;height: 200px;border:1px solid red;word-break: break-all;">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
<br>
<div style="width:200px;height: 200px;border:1px solid red;">
    学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习学习
</div>

html中超出盒子宽度会自动换行的,不用设置,如果你连续的英文之间没用空格,那么它会以为是一个单词,就不会换行,这个时候加上word-break: break-all; word-wrap:break-word;
就可以了。


如果文章对您有帮助,点击下方的广告,支持一下作者吧!