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

集“宽度：自动”和“自动换行：打破字”

此代码将设置DIV内容按照在格画面size..as内容到达屏幕的右端它将进入下一行。

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