我有一个带有以下列大小设置的表。前两个是固定的,最后一个设置为占用剩余空间。然而,只有第一个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/