html表的第一列宽度不考虑像素宽度



我有一个带有以下列大小设置的表。前两个是固定的,最后一个设置为占用剩余空间。然而,只有第一个th而不是关于宽度属性(如果以像素设置)。如果我以百分比为单位设置,它会显示适当的宽度。对我来说似乎很奇怪,因为我也找不到任何与之冲突的风格。我甚至尝试在"User"列之前添加一列,在这种情况下,User会获得指定的适当空间,并且新列会尝试展开。

<table width="100%">
    <thead>
        <tr>
            <th width="100">User</th>
            <th width="150">Date</th>
            <th width="">Note</th>
        </tr>
    </thead>
</table>

可能的原因是什么?为什么它适用于百分比而不适用于像素?我甚至试着用px而不是%来表示表格宽度。

因为在html标记宽度属性中,如果您想要全宽表,则使用px。在css 中定义表的宽度

您的css中有全局定义table标记的样式吗?

<table width="100%" border="1px">
    <thead>
        <tr>
            <th width="100px">User</th>
            <th width="150px">Date</th>
            <th>Note</th>
        </tr>
    </thead>
</table>

它在https://jsfiddle.net/mqwh0cpn/

最新更新