如何打破範圍列表

Question

我有一個表格，並且在一些單元格內有幾個<span>，包含這些範圍的<td>的類別爲word-wrap: break-word; white-space: normal;。

換句話說：<td class="breakit"><span>foo</span><span>bar</span></td>

有了：.breakit{ word-wrap: break-word; white-space: normal; }

那麼無論我多麼縮小瀏覽器，它從來沒有打破跨度！

爲什麼？

Answer 1

爲什麼？因爲foo和bar之間沒有空格。

放入一個空格，或將小節跨度在HTML中沿着一行移動，並且它會中斷。

UPDATE 我想我已經找到了真正的原因：

「無論你如何指定表格的寬度，每個表都有一個最小尺寸，它永遠不會顯示比尺寸更小的最小尺寸是通過每個單元中最長的單個單詞的長度來計算的。「 found in：http://www.devx.com/projectcool/Article/17870/0/page/9

...這條規則似乎適用於每個單元格，也就是說，單元格的最小寬度由其中最長的單詞規定。

（這是不使用表格進行一般佈局的另一個原因）。