html表上的多个标题

Question

我正在尝试在左侧和底部创建一个带有字幕的表格。但截至目前，我只能在一张桌子上放一个标题。

这是我的html表的代码。

<table style="border: 1px solid ">
<caption style="caption-side:left;">this is supposed to be on the x axis</caption>

    <caption style="caption-side:bottom;">this is supposed to be on the y axis</caption>
<tr>
    <th>animals</th>
    <th>food</th>
</tr>
<tr>
    <td>cat</td>
    <td>milk</td>
</tr>
<tr>
    <td>dog</td>
    <td>meat</td>
</tr>
</table>

任何人都可以帮我解决这个问题吗？帮助将不胜感激!!

Answer 1

  

因为您使用CSS进行布局（这不是表格数据）   没有理由使用显示：页脚的表格标题。只是   制作一个常规div，其宽度设置为与表相同（或   填充收缩包装表的容器。

Example and Source: How do I simulate multiple table captions? - Phrogz