HTML表格文本对齐（tbody适用于thead）

在图中，您可以看到文本对齐不良的表格。身体的元素与大脑的元素不匹配。桌子的头部是固定的，这一点很重要，这样即使向下滚动也可以看到它

我在这个表中使用的类是table hover和我自己的类“table_Bookingsystem”，下面列出了这些属性

.table\u预订系统{
表布局：固定；
边界塌陷：塌陷；
宽度：100%；
左边距：自动；
右边距：自动；
文本对齐：左对齐；
填充顶部：16px；
填充底部：16px；
边框：1px实心#ccc！重要；
}
.table_预订系统tbody{
显示：块；
宽度：100%；
溢出：自动；
}
.table_预订系统thead tr{
显示：块；
}
.table_预订系统tr{
边框底部：1px实心#ddd；
}
.table_预订系统thead{
背景：黑色；
颜色：#fff；
}
.table_Bookingsystem th、.table_Bookingsystem td{
填充物：5px；
文本对齐：居中；
宽度：5000px；//重要线
}
.table\u预订系统tbody tr:n子项（偶数）{
背景色：#e4ebf2；
颜色：#000；
}

#
自动的
伊梅
海马施塔特
德泽伊特斯塔特酒店
9） style=“高度：300px；”@endif>
@foreach（$cars作为$car）
{{$loop->iteration}
{{$car->name}
{{$car->IMEI}
@endforeach

尝试添加

文本对齐：居中到
.table\u booking system tbody
规则，就像它在
.table\u booking system td
规则上一样。
我写了一个基本的
表
，就像你在
屏幕截图中分享的那样。您添加了一些额外的CSS，这就是为什么
表
ui会受到干扰

步骤1-删除下面的CSS，我们不需要阻止表行。

步骤2-删除
显示：块来自
表\u预订系统tbody

第3步-我只需删除
宽度：5000px来自
.table\u Bookingsystem th、.table\u Bookingsystem td
，如果要应用
宽度：5000px在每个
td/th
上，将其还原。

所有提到的都应用于下面的代码段。试试看，我希望它能帮你。谢谢

.table_Bookingsystem th, .table_Bookingsystem td {
   padding: 5px;
   text-align: center;
}


.table\u预订系统{
表布局：固定；
边界塌陷：塌陷；
宽度：100%；
左边距：自动；
右边距：自动；
文本对齐：左对齐；
填充顶部：16px；
填充底部：16px；
边框：1px实心#ccc！重要；
}
.table_预订系统tbody{
宽度：100%；
溢出：自动；
}
.table_预订系统tr{
边框底部：1px实心#ddd；
}
.table_预订系统thead{
背景：黑色；
颜色：#fff；
}
.table_Bookingsystem th、.table_Bookingsystem td{
填充物：5px；
文本对齐：居中；
}
.table\u预订系统tbody tr:n子项（偶数）{
背景色：#e4ebf2；
颜色：#000；
}

#
自动的
伊梅
海马施塔特
德泽伊特斯塔特酒店
1.
自动的
0001
雷根斯堡
雷根斯堡
1.
自动的
0001
雷根斯堡
雷根斯堡
请在上面的代码片段中添加HTML。谢谢你，现在的问题是我使用了无法执行的laravel和blade模板here@lxg95如果它对您有帮助，请标记为正确。谢谢
.table_Bookingsystem tbody{
   width: 100%;
   overflow: auto;
}

.table_Bookingsystem th, .table_Bookingsystem td {
   padding: 5px;
   text-align: center;
}