Html 如何将表格标题与表格内容对齐？

因为我在使用锚定标记，所以我用div构建了一个表。显示为表的。不幸的是，标题没有与内容对齐。怎么了

HTML

1头
2头
3头
4头
5头
我的价值1
我的价值2
我的价值3
我的价值4
我的价值5

您正在使用

比较表

为您的内容打开一个新的

表

改用新的

class=“row”

。请参阅代码片段

。比较表{
显示：表格；
宽度：100%；
最大宽度：1000px；
填充：0；
保证金：0自动；
边界：无；
边界塌陷：塌陷；
边界间距：0；
}
.桌子头{
显示：表格单元格；
填充：26px 0 26px 38px；
背景色：白色；
文本对齐：左对齐；
字体大小：13px；
颜色：#9b9b9b；
字体大小：400；
字体风格：普通；
文本转换：大写；
}
.细胞{
显示：表格单元格；
填充：32px 0 32px 38px；
颜色：#9b9b9b；
字体大小：400；
字体风格：普通；
}
.比较表.行.单元格：第一个子项{
颜色：#003668；
字号：900；
}
.行{
显示：表格行；
边框底部：实心1px#d9d9；
光标：指针；
}

1头
2头
3头
4头
5头
链接在这里
我的价值2
我的价值3
我的价值4
我的价值5

您正在使用

比较表

为您的内容打开一个新的

表

改用新的

class=“row”

。请参阅代码片段

。比较表{
显示：表格；
宽度：100%；
最大宽度：1000px；
填充：0；
保证金：0自动；
边界：无；
边界塌陷：塌陷；
边界间距：0；
}
.桌子头{
显示：表格单元格；
填充：26px 0 26px 38px；
背景色：白色；
文本对齐：左对齐；
字体大小：13px；
颜色：#9b9b9b；
字体大小：400；
字体风格：普通；
文本转换：大写；
}
.细胞{
显示：表格单元格；
填充：32px 0 32px 38px；
颜色：#9b9b9b；
字体大小：400；
字体风格：普通；
}
.比较表.行.单元格：第一个子项{
颜色：#003668；
字号：900；
}
.行{
显示：表格行；
边框底部：实心1px#d9d9；
光标：指针；
}

1头
2头
3头
4头
5头
链接在这里
我的价值2
我的价值3
我的价值4
我的价值5

您的行必须属于显示为表的同一父行：

1头
2头
3头
4头
5头
我的价值1
我的价值2
我的价值3
我的价值4
我的价值5

您的行必须属于显示为表的同一父行：

1头
2头
3头
4头
5头
我的价值1
我的价值2
我的价值3
我的价值4
我的价值5

将第二个比较表替换为行，删除a并向下移动1将第二个比较表替换为行，删除a并向下移动1

<div class="compare-table">
            <div class="row">
                <div class="tablehead">1 header</div>
                <div class="tablehead">2 header</div>
                <div class="tablehead">3 header</div>
                <div class="tablehead">4 header</div>
                <div class="tablehead">5 header</div>
            </div>
        </div>
   <div class="compare-table">                
            <a >
                <div class="cell">my value 1</div>
                <div class="cell">my value 2</div>
                <div class="cell">my value 3</div>
                <div class="cell">my value 4</div>
                <div class="cell">my value 5</div>
            </a>
</div>

<div class="compare-table">
            <div class="row">
                <div class="tablehead">1 header</div>
                <div class="tablehead">2 header</div>
                <div class="tablehead">3 header</div>
                <div class="tablehead">4 header</div>
                <div class="tablehead">5 header</div>
            </div>

            <a class="row">
                <div class="cell">my value 1</div>
                <div class="cell">my value 2</div>
                <div class="cell">my value 3</div>
                <div class="cell">my value 4</div>
                <div class="cell">my value 5</div>
            </a>
</div>