html - 如何打破跨度列表

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 中放入一个空格，或者将条跨度向下移动一行，它就会中断。

更新 我想我找到了真正的原因：

“无论您如何指定表格宽度，每个表格都有一个最小尺寸，并且它永远不会显示小于该尺寸。最小尺寸由每个单元格中最长单个单词的长度计算。” 发现于： http: //www.devx.com/projectcool/Article/17870/0/page/9

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

（这是不将表格用于一般布局目的的另一个原因）。