如何在表格底部添加标题？

发布于 2024-12-05 22:06:10 字数 281 浏览 1 评论 0原文

我有一个表格，其标题出现在表格顶部。

我需要另一个标题出现在表格底部。怎么可能呢？

<table>
    <caption>My Table - Start</caption>
    <tbody></tbody>
    <tfooter></tfooter>
    <caption>My Table - End</caption>
</table>

原文

I have a table which has a caption which appears on top of the table.

I'd need another caption to appear at the bottom of the table. how would it be possible?

<table>
    <caption>My Table - Start</caption>
    <tbody></tbody>
    <tfooter></tfooter>
    <caption>My Table - End</caption>
</table>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

层林尽染 2024-12-12 22:06:10

您应该将在表格顶部，正下方标签。然后你可以使用 CSS:

caption {
    caption-side: bottom;
}

将其置于表格下方。正如前人所写，每个表只有一个标题。如果您需要表格标题，请使用或者将标题放在表格外部并使用 CSS 将其正确定位。

You should put the <caption> at the top of the table, right below the <table> tag. Then you can use the CSS:

caption {
    caption-side: bottom;
}

to get it below the table. And only one caption per table as a previous person wrote. If you need a table title, then either use <th> or put a heading outside the table and use CSS to position it correctly.

回复收藏 0 原文

天涯沦落人 2024-12-12 22:06:10

您可以通过执行以下操作并应用一些 CSS

<table>
  <caption class="cap">some caption text</caption>
  <tr>
    <td>cell 1</td><td>cell 2</td><td>cell3</td>
  </tr>
  <tr>
    <td>cell 1</td><td>cell 2</td><td>cell3</td>
  </tr>
  <tr>
    <td>cell 1</td><td>cell 2</td><td>cell3</td>
  </tr>
  <tr>
    <td colspan="3" class="cap foot">
        This is pretty much a footer caption.
    </td>
  </tr>
</table>

这是一个示例

You could mock one by doing the following, and applying some CSS

<table>
  <caption class="cap">some caption text</caption>
  <tr>
    <td>cell 1</td><td>cell 2</td><td>cell3</td>
  </tr>
  <tr>
    <td>cell 1</td><td>cell 2</td><td>cell3</td>
  </tr>
  <tr>
    <td>cell 1</td><td>cell 2</td><td>cell3</td>
  </tr>
  <tr>
    <td colspan="3" class="cap foot">
        This is pretty much a footer caption.
    </td>
  </tr>
</table>

Here's an example

回复收藏 0 原文