html - 当我们使用 % 和 px 作为表格宽度的 tr 时，哪个优先级高？

Question

最近我使用表格从服务器呈现数据。但是有很多列。所以我应该给一些列设置一个固定的宽度。但是页面是响应式的，当页面在大屏上显示时，一些栏目会响应式。我写的代码如下。我在这里只显示四列。

 <table width="100%">
      <tr>
        <td width="100px">ID</td>
        <td width="100px">Publish Time</td>
        <td width="20%">Description</td>
        <td width="20%">Operation</td>
     </tr>
    </table>

但我认为“100px”不能应用td。结果令人困惑。所以当我们混合使用“px”和“%”时，“%”的优先级高于“px”。

Answer 1

But I think the "100px" cann't apply the td.

取决于是否table-layout是fixed或 auto .默认是后者。如果固定，它将使用设置的像素宽度。如果自动，它将使用百分比宽度。因此，结合 auto 并不是一个好主意。如果表格本身不是固定宽度，则使用固定宽度布局。

• 布局:自动，http://jsfiddle.net/w2Pxn/
  • 最后两个占宽度的 20%。其余部分相应调整(每个 40%)，除非总宽度非常低。
• 布局:固定，http://jsfiddle.net/w2Pxn/1/
  • 前两列的宽度设置为 100 像素。最后两列按比例使用剩余宽度。
  • http://jsfiddle.net/w2Pxn/2/ -- 在最后一列中将百分比宽度加倍的示例。

---

顺便说一句， <td> 没有宽度属性。您应该使用 CSS。