Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 固定标题表没有<;thead>;及<;t车身>;列对齐_Html_Css - Fatal编程技术网

Html 固定标题表没有<;thead>;及<;t车身>;列对齐

Html 固定标题表没有<;thead>;及<;t车身>;列对齐,html,css,Html,Css,我有一个包含三个表的页面,但其中一个表包含大量数据,因此我决定为该表设置一个固定的标题。固定标题可以工作,但thead和tbody列没有对齐,换句话说,标题列的宽度与tbody中的列不匹配。任何帮助都将不胜感激 表格{ 边界塌陷:塌陷; 边框宽度:1px 1px 1px; 边框样式:实心; } 表td{ 边框宽度:1px 1px 1px; 边框样式:实心; 填充:4px; 文本对齐:左对齐; } 表th{ 边框宽度:1px 1px 1px; 背景颜色:浅灰色; 边框样式:实心; 填充:4px;

我有一个包含三个表的页面,但其中一个表包含大量数据,因此我决定为该表设置一个固定的标题。固定标题可以工作,但thead和tbody列没有对齐,换句话说,标题列的宽度与tbody中的列不匹配。任何帮助都将不胜感激

表格{
边界塌陷:塌陷;
边框宽度:1px 1px 1px;
边框样式:实心;
}
表td{
边框宽度:1px 1px 1px;
边框样式:实心;
填充:4px;
文本对齐:左对齐;
}
表th{
边框宽度:1px 1px 1px;
背景颜色:浅灰色;
边框样式:实心;
填充:4px;
}
.固定头{
边界塌陷:塌陷;
边框宽度:1px 1px 1px;
边框样式:实心;
}
.固定式头部车身{
显示:块;
溢出:自动;
高度:500px;
}
.fixed_header thead tr{
显示:块;
}

第1栏
第2栏
第1列的数据
第2列的数据

您明确地告诉它在CSS中使用“display:block;”,因此告诉浏览器不要像表格一样布局


我认为您需要使用更复杂的东西,例如jQuery Datatables FixedHeader,它计算所有内容的宽度,并正确地处理它。

如果您使用表,请不要触摸表元素的display属性解释的开头可能在这里指定宽度,可能吗?