Question

我想将表格的标题跨越2列（2 td s）和2行（2 tr s）。我尝试一起使用rowspan和colspan，但它对我不起作用。标题中没有任何内容。它只是背景色。我写的代码如下

<table width="100%" cellpadding = "2" cellspacing = "0"  border= "0">
<tr valign = "top"><th colspan = "2" rowspan = "2"  Style="background:#FCE14E"></th></tr>

我可以找到替代方案。提前谢谢。

Answer 1

colspan应该有效。 rowspan在这里毫无意义。单元格已覆盖整行。您无法添加其他行来填充剩余的列（因为没有剩余的列）。您想要指定height。

以下是改进的示例：

<th colspan="2" style="height: 2em; background: #FCE14E;">&nbsp;</th>

请注意，我添加了 （非中断空格），因为该单元格无法在MSIE浏览器中呈现。另请注意，您应该更喜欢使用style上面的内联样式使用CSS类。

Answer 2

您能提供更多标记吗？在此工作正常之前，您需要有多个行和列。这可能更接近：

<table>
  <tr>
    <th>A</th>
    <th rowspan = 2 colspan = 2>B</th>
    <th>C</th>
  </tr>
  <tr>
    <th>D</th>
    <th>E</th>
  </tr>
</table>

列标题B最终应该填充2行和2列，在渲染时将E推到C以下。

Answer 3

您没有在标题文章中添加任何文字，因此不会显示任何文字（除非您使用脚本添加文字）。

<th colspan = "2" rowspan = "2" Style="background:#FCE14E">Table header text goes here</th>

Rowspan / colspan问题

3 个答案: