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>