Html 将表格元素设置为宽度0

我在下面的HTML表中有一个示例：

这是实际的标记：

<table>
    <thead>
        <tr>
            <th colspan="7">
                <h2>Title</h2>
            </th>
        </tr>
        <tr>
            <th></th>
            <th>Header</th>
            <th>Header</th>
            <th>Header</th>
            <th>Header</th>
            <th>Header</th>
            <th>Header</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <th>Row</th>
            <td>Cell</td>
            <td>Cell</td>
            <td>Cell</td>
            <td>Cell</td>
            <td>Cell</td>
            <td>Cell</td>
        </tr>
    </tbody>
</table>

标题
标题
标题
标题
标题
标题
标题
一行
细胞
细胞
细胞
细胞
细胞
细胞

>由于行标题元素（橙色圆），H2元素（红色框）在标题（绿线）的中间不完全对齐。

将row title元素的宽度设置为0并不十分有效，但这正是我在原则上要做的。在标题上使用左/右边距将不起作用，因为实际的行标题具有不同的宽度

---

编辑：使用

也不能完全解决问题。当堆叠多个表时，它们的标题不会水平排列。请注意，各表的列数和列宽各不相同

---

您是否考虑过使用类似引导网格系统的东西？

---

它没有对齐，因为7列宽的

th

从左侧开始，延伸出7列，这是表格的整个宽度。你需要它在6的中间。所以试试这个：

<table>
<thead>
    <tr>
        <th></th>
        <th colspan="6">
            <h2>Title</h2>
        </th>
    </tr>
    <tr>
        <th></th>
        <th>Header</th>
        <th>Header</th>
        <th>Header</th>
        <th>Header</th>
        <th>Header</th>
        <th>Header</th>
    </tr>
</thead>

<tbody>
    <tr>
        <th>Row</th>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
</tbody>

标题
标题
标题
标题
标题
标题
标题
一行
细胞
细胞
细胞
细胞
细胞
细胞

这将在左侧放置一个空的

th

标记，然后是一个6列宽的

th

标记。这将使你的头衔居中

编辑：以下是一些小提琴：

正如你所说：

正如我在上文所建议的：

---

比较两者，我看不出你提到的变化。

你可以将那些

th

排除在外：

正文{
填充：0 100px；/*一些边距，以防止th被推得太多*/
}
桌子{
边距：0自动；/*水平居中*/
位置：相对；/*包含th的块*/
}
第一个孩子{
位置：绝对；/*流出*/
右：100%；/*将其推到桌子的左侧*/
宽度：100px；/*部分宽度*/
文本对齐：右侧；/*将内部内容向右对齐*/
}

标题
头领
罗赛尔
标题
头领
又是一个牢房

请同时添加您的代码。请参阅我的编辑@coderomeos是否要堆叠表？你能不只是堆叠tbody吗？是的，每个表都有一个唯一的标题和thead，除了不同数量的列@ChrisI之外，我不认为你能在不改变html的情况下做到这一点。但是，如果您可以保留一张表，您就可以这样做。这样可以吗？这修复了标题，但是相对于页面移动了整个表我不确定你的意思。我不应该改变任何东西，我看不到这样的变化。你能解释一下你的意思吗？我想这是个好答案。OP必须更好地解释你需要什么。投票反对这种混乱。有关更多信息，请参见我的编辑explanation@RichardWallace恐怕我认为没有办法解决你的问题。您希望标题在X列的中心对齐，但X随表格的不同而不同，第一个单元格中的文本也不同。我认为唯一的解决办法是把你的头衔放在桌子外面。可以接受吗？