Question

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

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

如果您注意到每个符号都是一个单元格，那么第1行中的2列有一个colspan = 2，因为它与第2行的第1列和第2行共享它，同时第1行中的第1列数字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>

Answer 1

经过一番搜索，我找到了解决方案，似乎你必须使用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>

Answer 2

您没有指定预期标记的工作方式，但它的工作方式是第二列中的插槽为零宽度，因为没有任何内容需要任何最小宽度。如果添加第三行，可以看到这个，有四个正常单元格：

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

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

在表格单元格中使用colspan = 2，其他单元格没有colspan，即colspan = 1

2 个答案: