3

我基本上有一个数据表,我想设置间距,所以它不会全部挤在一起。但是我希望表格的标题栏(第一行)忽略单元格填充规则。

有没有好的方法来做到这一点?还是我必须为标题创建一个单独的表格或其他东西?

4

4 回答 4

14

是的,在你的 CSS 中:

table thead th { padding: 0; }
table tbody td { padding: 15px; }

假设:

<table>
<thead>
<tr>
  <th colspan="4">Big Heading</th>
</tr>
</thead>
<tbody>
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
</tr>
</tbody>
</table>
于 2009-09-10T10:25:34.663 回答
1

使用theadtbody

仅对 tbody 应用填充样式。

于 2009-09-10T10:26:15.340 回答
0

“标题栏”听起来像是元素的理想内容<caption>

于 2009-09-10T10:25:08.747 回答
0

对于表格标题中的表格单元格,您可以使用 th 而不是 td。然后,您可以为标题和正文单元格定义单独的样式。

于 2009-09-10T10:26:08.663 回答