Question

我需要为我的表使用rowspan，因此我（相信）我必须使用表头。但是，使用表格标题会使我的字体变为粗体，这是不需要的。对于这个HTML，我如何确保表格标题中的字体不是粗体？或者，如果可能的话，如何在不使用表头的情况下使用rowspan？

<table border="1">
  <tr>
    <th rowspan="2">Telephone:</th>
<td>555 77 854</td>
  </tr>
  <tr>
    <td>555 77 855</td>
  </tr>
</table>

Answer 1

简单地覆盖CSS中font-weight元素的th：

th{
    font-weight: normal;
}

JSBin：http://jsbin.com/lizakatuwe/1/

Answer 2

您根本不需要表格标题，您也可以Select id, name, row_number() over (partition by id, name order by id, name) From /* joins */使用rowspan。要使其不加粗，请将css中的td覆盖为font-weight。

Answer 3

<table border="1">
  <tr>
    <tr rowspan="2"><p style="font-weight:bold>Telephone:</p></tr>
<td>555 77 854</td>
  </tr>
  <tr>
    <td>555 77 855</td>
  </tr>
</table>

我正在使用内部CSS，直接在表格中插入字体样式。将此代码复制并添加到您的项目中，它将完成这项工作。

如何使表格标题中的文字不粗体？

3 个答案: