良好的桌面练习 - 在桌子上做标题的最佳方法？

Question

我基本上有一个数据表，我想设置间距，所以并不是所有人都挤在一起。但是我希望表格（第一行）的标题栏忽略单元格填充规则。

这样做有好办法吗？或者我是否必须为标题创建单独的表格或其他内容？

Answer 1

是的，在你的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>

Answer 2

使用thead和tbody。

仅为tbody应用填充样式。

Answer 3

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

Answer 4

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