Word換行不適用於chrome內的fieldset集合

在linux chrome 27.0.1453.93和windows chrome 27.0.1453.94中試過。例如http://jsfiddle.net/SruNd/4/。Word換行不適用於chrome內的fieldset集合

CSS

.main { 
    width : 100px; 
    border : 1px solid #000; 
    word-wrap: break-word; 
}

HTML

<div class='main'> 
    <fieldset> 
     <div> 
      http://www.aaa.com/bbb/ccc/ddd/eee/fff/ggg 
     </div> 
    </fieldset> 
</div>

我也試着這其中單詞纏繞特性被直接施加到內DIV和字段集是塊元素。

在我看來，像Chrome錯誤，因爲我以前也試過這個在Firefox和它包裝，因爲它應該在的斜線，並沒有在表單該節還在Chrome正確呢。

我試圖向Chrome錯誤報告，但該頁面不接受，現在我的提交由於畸形的HTTP請求錯誤。

如果有人有任何見解，請幫助。謝謝。

2013-06-05 JSous

你不應該使用'自動換行：打破-word'對於大多數類型的字符數據，包括網址。網址只能在合理的突破點打破，例如在'/'之後，但不在路徑組件中。 –

使用該對字段集標籤：

fieldset 
{ 
    min-width: auto; 
}

其實，這是由於Chrome的默認屬性字段集：

min-width: -webkit-min-content;

2013-06-05 14:24:32

完美！謝謝 – JSous

當使用auto時，我得到了一個「無效值」，但是「0」起作用了（0是MDN作爲初始值的狀態）。 – RussellUresti

您需要設置一個min-width和max-width到div 。例如：

2013-06-05 14:53:51 ErikMes

這相當於只在內部div上設置固定寬度，但外部div使用百分比大小，在內部div上設置百分比大小時不起作用 – JSous

HTML代碼

<div class='main'> 
<fieldset> 
    <div class="content"> 
     http://www.aaa.com/bbb/ccc/ddd/eee/fff/ggg 
    </div> 
</fieldset> 
</div>

CSS代碼

.content{ 
width : 100%; 
border : 1px solid #000; 
word-wrap: break-word; 
}

2013-06-05 15:27:33

不適用於我 – JSous

回答