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

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

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;
就可以了。