Html 动态表中的固定宽度列

我有一个表应该是动态的（这意味着我不能使用

表布局：fixed

），但其中应该有几个固定宽度的列。固定宽度的立柱也应支撑大于1的跨距

动态列（以及表本身）的工作方式应与纯HTML中的正常表单元格相同：

• 即使视口太小，数据也永远不会被切断
• 当桌子不适合视口时，它应比视口宽

固定宽度立柱的工作原理如下：

• 总是有一个固定的宽度
• 切断任何不适合它的数据

我尝试了三种方法，但没有一种有效：

• 定义第一个表行中的宽度
• 在表格的colgroup/col部分中定义宽度
• 将
  插入固定宽度单元格

什么都不管用

表格{
边界塌陷：塌陷；
}
运输署{
边框：3倍纯红；
}
.fw{
溢出：隐藏；
高度：20px；
}

我的动态单元格将贪婪并占用所有可用空间
我的第一个固定宽度单元格应为固定宽度
..
动态
固定电池还应支持多个跨距

您需要使用：

min-width: 50px;
max-width: 50px;

如果在表格上放置了合适的

最小宽度

，可以使用

表格布局：固定

，以防止动态大小的列溢出：

table {
    table-layout: fixed;
    width: 100%;
    min-width: 400px;
}

例子 请注意，

width

属性已被弃用，CSS属性应用于调整列和表的大小

表格{
边界塌陷：塌陷；
表布局：固定；
宽度：100%；
最小宽度：400px；
}
运输署{
边框：3倍纯红；
溢出：隐藏；
}
.液体{
宽度：100%；
}
.固定{
宽度：100px；
}

我的动态单元格将贪婪并占用所有可用空间
我的第一个固定宽度单元格应为固定宽度
....
动态
固定电池还应支持多个跨距

表格布局有什么问题：已修复？2列固定为每列100px，第二行包括一个200px的colspan。流体列的大小调整得很好。@misterManSam:viewport太小时，.fluid列将消失-我尝试将“最小宽度：200px”添加到.fluid中作为解决方法，但也没有成功。.fluid列应该像普通的表格单元格一样工作-它永远不会溢出或切断数据。你确定不能吗？@misterManSam:是的，这似乎有效，谢谢-写一个答案，我会接受它（经过一些测试…）