0

我遇到了一个关于表格的问题，更具体地说是单元格的 colspan 属性（td 标签），我想做这样的事情：

*** ------- +++
------- *** +++

每个符号都是一个单元格，您可能会注意到，第一行的第 2 列具有 colspan=2，因为它与第 2 行的第 1 列和第 2 列共享，同时第 2 行的第 1 列共享从第一行开始，列号为 1 和 2 的空间。

我已经尝试过（参见下面的代码），但当然（至少在 chrome 和 Firefox 中）它不能按预期工作。我认为这是可以实现的，但我缺乏想法，我将非常感谢您的建议。

<TABLE>
<TR>
    <TD>1</TD>
    <TD COLSPAN="2">2</TD>
    <TD>3</TD>
</TR>
<TR>
    <TD COLSPAN="2">4</TD>
    <TD>5</TD>
    <TD>6</TD>
</TR>
</TABLE>
4

2 回答 2

0

经过一番搜索，我找到了解决方案，看来您必须使用 col 标签，尚不知道为什么，但它确实有效！

<TABLE>
<col style="width: 1px;">
<col style="width: 1px;">
<col style="width: 1px;">
<col style="width: 1px;">
<TBODY>
<TR>
    <TD BGCOLOR="#CDB599"></TD>
    <TD COLSPAN="2" BGCOLOR="#9CC5C9"></TD>
    <TD BGCOLOR="#CDB599"></TD>
</TR>
<TR>
    <TD COLSPAN="2" BGCOLOR="#D5544F"></TD>
    <TD BGCOLOR="#CDB599"></TD>
    <TD BGCOLOR="#CDB599"></TD>
</TR>
</TBODY>
</TABLE>
于 2012-06-24T11:46:17.230 回答
0

您没有指定您希望标记如何工作​​，但它的工作方式是第二列中的插槽是零宽度，因为没有任何东西需要它们的任何最小宽度。如果您添加第三行，您可以看到这一点，其中包含四个普通单元格：

<tr><td>foo<td>bar<td>more<td>stuff

然后第二列将采用“bar”所需的宽度。

于 2012-06-24T16:14:19.013 回答