使HTML表列跨越所有列

时间:2013-10-23 14:08:27

标签: html css

我有一个HTML表格,CSS属性table-layout设置为fixed

我想要表格中的一个单元格,即特定行中的唯一单元格,以跨越表格中的所有列,即填充表格的整个宽度。

当我使用时:

<td colspan = "0" id = "tdPager">

适用于FireFox v24和IE 9及更高版本,但不适用于Internet Explorer 8或更低版本以及任何版本的Chrome。

如何使列在所有浏览器中跨越整个表格宽度?

我已经尝试了所有 - 将colspan设置为值“*”,“100%”甚至高于列总数的数字,但它会对所有浏览器产生可怕的影响。其余行中的所有列都非常薄。我无法将colspan设置为等于列总数的固定数,因为列数是动态的。

4 个答案:

答案 0 :(得分:18)

您通过将其设置为0来错误地使用它。

您需要将colspan设置为等于表格任意行中的最大列数。

因此,如果您的表在第5行中有6列且最多,那么您应设置colspan="6"

如果列数是动态的,则需要动态设置colspan

答案 1 :(得分:-1)

您必须指定要跨越的列数,例如: clospan =“3”

答案 2 :(得分:-1)

你可以设置表格中不可用的那么多列的最大可能值

如果你有最多5列,只需设置colspan =“6”甚至更多。

答案 3 :(得分:-2)

colspan="100%"似乎在IE 10,Firefox 26和Chrome 31中运行良好。