Html CSS如何制作表格'；s的列宽是否小于内容？

我想使表中的一列宽度小于满足。这是我的密码：

html：

.table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

td, th {
    border: 1px solid black;
    padding: 5px 8px;
}

td:first-child, th:first-child {
    width: 10px;
    overflow: hidden;
    white-space: nowrap;
}

可乐
可乐
可乐
可乐
AAAAA
AAAAA
AAAAA
AAAAA

scss：

.table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

td, th {
    border: 1px solid black;
    padding: 5px 8px;
}

td:first-child, th:first-child {
    width: 10px;
    overflow: hidden;
    white-space: nowrap;
}

据我所知，设置

表格布局：修复了
应该会有所帮助，但实际上没有任何改变。第一列的仍然不是10px

那么我如何设置一列的宽度呢

您可以使用
最大宽度来尝试

免责声明：不确定是否所有浏览器都会接受


.table{
保证金：0；
填充：0；
边界塌陷：塌陷；
表布局：固定；
}
td，th{
边框：1px纯黑；
填充：5px 8px；
}
td:第一个孩子，th:第一个孩子{
最大宽度：10px；
溢出：隐藏；
空白：nowrap；
}

可乐
可乐
可乐
可乐
AAAAA
AAAAA
AAAAA
AAAAA
您可以尝试使用
最大宽度来代替

免责声明：不确定是否所有浏览器都会接受


.table{
保证金：0；
填充：0；
边界塌陷：塌陷；
表布局：固定；
}
td，th{
边框：1px纯黑；
填充：5px 8px；
}
td:第一个孩子，th:第一个孩子{
最大宽度：10px；
溢出：隐藏；
空白：nowrap；
}

可乐
可乐
可乐
可乐
AAAAA
AAAAA
AAAAA
AAAAA
当我将
宽度：100%
添加到表中时，代码开始工作
当我将
宽度：100%
添加到表中时，代码开始工作
所以您希望al
td
的宽度相同？@Manjuboyz，不。我希望第一列为10px，另一列作为内容宽度，所以您希望al
td
？@Manjuboyz的宽度相同，不。我希望第一列为10px，另一列作为内容宽度