如何打破跨度列表

时间:2012-05-08 22:45:08

标签: html css

我有一张桌子,在一些单元格中我的<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; }

嗯,无论我多么缩小浏览器,它都不会打破跨度!

为什么?

1 个答案:

答案 0 :(得分:2)

为什么呢?因为foo和bar之间没有空格。

放入一个空格,或者将条形跨度向下移动到HTML中的一行,它就会中断。

<强>更新 我想我找到了真正的原因:

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

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

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

相关问题