自動換行不工作浮動文本

Question

讓我們說我有這個。

<div> 
<div id="lala"> 
lalalala 
</div> 
</div> 

CSS：

#lala 
{ 
    float:left; 
    word-wrap:break-word; 
} 

如果裏面#lala文大，它看起來像這樣。如果我刪除float:left;這將是結果。

|        | 
|        | 
| lalalalalalalalalalalalalala | 
| lalalalalala     | 
|        | 

如何在仍使用float的情況下得到第二個結果？

Answer 1

使元素固定寬度，所以我們知道在哪裏可以打破字：

#lala 
{ 
float:left; 
word-wrap:break-word; 
width:?px; 
} 

的自動換行：打破字，如果該元素的視覺再現屬性應只適用，是一個內聯元素具有明確的高度/寬度，是絕對定位的和/或是塊元素。