如何打破范围列表

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

...这条规则似乎适用于每个单元格，也就是说，单元格的最小宽度由其中最长的单词规定。

（这是不使用表格进行一般布局的另一个原因）。