CSS中的自動換行

Question

我正在嘗試實現以下顯示。

我的HTML CSS &都是這樣......

<div class="label iepngfix">Nickname</div> 
<div class="text"> 
    <?php echo $nickname; ?> 
</div> 

.label { 
    float: left; 
    font-weight: bold; 
    padding: 0; 
} 

.text { 
    float: left; 
    margin: 0 0 0 5px; 
    word-wrap: break-word; 
} 

在IE6，7看起來不錯，但在IE8，Chrome和Firefox，看來像這樣...

我在這裏錯過了什麼？

問候

Answer 1

你的CSS和HTML真的不匹配，但我的猜測是，既然你不給寬度與第二浮動，它包含一個長文本，瀏覽器使得它寬達因此它可能不適合第一次漂浮物。

或者你沒有向我們展示的東西觸發了這一點。您的頁面是否觸發了標準模式（例如，它是否具有DOCTYPE）？

Answer 2

如果您給div.text設定一個寬度，您將得到您正在查找的結果。

示例：如果包含框爲250px，div.label自然爲90px，則div.text需要設置的寬度爲155px或更少（即將其5px的邊距考慮在內）。