我有一张桌子,在一些单元格中我的<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; }
嗯,无论我多么缩小浏览器,它都不会打破跨度!
为什么?
答案 0 :(得分:2)
为什么呢?因为foo和bar之间没有空格。
放入一个空格,或者将条形跨度向下移动到HTML中的一行,它就会中断。
<强>更新强> 我想我找到了真正的原因:
&#34;无论您如何指定表格宽度,每个表格都有一个最小尺寸,它永远不会显示小于该尺寸。最小大小由每个单元格中最长单个单词的长度计算。&#34; 发现于:http://www.devx.com/projectcool/Article/17870/0/page/9
...此规则似乎适用于每个单元格,也就是说,单元格的最小宽度由其中最长的单词决定。
(这是不使用表格进行一般布局的另一个原因)。