html - 里面有高文本的 Div 使我的布局 float

Question

我有一个包含长文本的 div，它破坏了我的布局安排。有什么方法可以按任何逻辑拆分单词吗？

<div style="width:100px">thisdivmessesupmylayoutwithitslongchildtext</div>

Answer 1

方法如下:

<div style="width:100px;word-wrap:break-word">thisdivmessesupmylayoutwithitslongchildtext</div>

使用 word-wrap: break-word; 我们可以强制长字在到达父级 width 时向下移动一行。

注意:word-wrap 是一个 CSS3 属性。