当桌子漂浮时,colspan不会工作

时间:2017-03-02 08:53:18

标签: css3 html-table

我想在我的桌子上有一个有这个css的colspan。

 tr { display: block; float: left; }
 th, td { display: block; border: 1px solid black; }

我尝试了colspan和rowspan,但它只覆盖了1列,我给它的价值。

这是我的小提琴:https://jsfiddle.net/proabid/04rebu95/2/

1 个答案:

答案 0 :(得分:1)

下面



table {
  border: 1px solid black;
}

th {
  background-color: gray;
}
th, td {border: 1px solid black; }

<table>
  <thead>
    <th>Table header</th>
    <th>Table header</th>
    <th>Table header</th>
  </thead>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
</table>
&#13;
&#13;
&#13;