里面有高文字的Div浮动我的布局

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属性。

Answer 2

设置“width：auto”和“word-wrap：break-word”

此代码将根据屏幕大小设置div中的内容.. div中的内容到达屏幕的右端，它将转到下一行。

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