Question

我有一个包含以下列大小调整集的表。前两个是固定的，最后一个被设置为占用剩余空间。但是，只有第一个th 不尊重宽度属性（如果设置为像素）。如果我设置为百分比，它会显示适当的宽度。对我来说似乎很奇怪，因为我找不到任何与之相冲突的风格。我甚至尝试在＆＃34; User＆＃34;之前添加一个列。列，在这种情况下，用户获得指定的适当空间，新列尝试传播。

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

可能的原因是什么？为什么它适用于百分比而非像素？我甚至尝试用px而不是％来提供表格宽度。

Answer 1

因为在html标签宽度属性中使用px，如果你想要全宽度表。在css中定义表的宽度

Answer 2

你的css中是否有全局定义表格标签的样式？

<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/

上运行正常

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

2 个答案: