在HTML5中是否可以将表格标题与表格的左侧或右侧对齐？

Question

我知道您可以在不推荐使用的HTML中将表格的左侧和右侧的标题对齐 - 是否可以使用现代HTML？

**注意 - 文本对齐仅调整文本的对齐方式，但它仍然位于表格的顶部。我希望文本实际上位于表格的左侧。

Answer 1

请确保使用text-align左侧或右侧：

<强> HTML

<table>
  <caption>Awesome caption</caption>
  <tr>
    <td>Awesome data</td>
  </tr>
</table>

<强> CSS

caption {
    text-align:right;
}

如果您希望将标题移到表格的左侧或右侧，则可能无法将其设置为 caption-side CSS属性仅具有标准化的顶部和底部属性。左侧和右侧属性是针对CSS 2提出的，但是从最终的CSS 2.1规范中删除，仅适用于Firefox。

Answer 2

使用css'caption-side。

  标题{           标题 - 侧：左;       }

编辑：似乎无法在Safari中使用？但在Firefox中可以使用。