Question

我试图在三个单元格的顶部创建一个实心条。示例可在Chrome here on jsfiddle.

中查看

这对于（遗留？）表来说似乎是一件简单的事情，但是我无法使用单个单元格获得第一行来覆盖表格行的最大宽度。

  <table cellpadding="0" cellspacing="0">
    <tbody>
      <tr>
        <td style="background-color: pink;">a</td>
      </tr>
      <tr>
        <td>b</td>
        <td>c</td>
        <td>d</td>
      </tr>
    </tbody>
  </table>

Answer 1

colspan就是您所需要的。

只需将colspan="3"应用于粉红色单元格，如下所示：

<td style="background-color: pink;" colspan="3">a</td>

Working Demo

Answer 2

如果我理解正确，你想要一条带有ABC行上方条形的行。您可以通过在ABC行上方的行的<td>上指定colspan来执行此操作：

<td colspan="3"><your bar></td>

这是小提琴：http://jsfiddle.net/399snxz4/2/

有关colspan的更多信息，请参阅http://www.w3schools.com/tags/att_td_colspan.asp

如何在表格中获得单行？

2 个答案: