打印HTML表时丢失列宽

Question

我有一个仅用于打印的页面（因此也被设计）。当我在浏览器中查看页面时，列宽是我设置的那样：

<table>
<col width="20%">
<col width="25%">
<col width="5%">
<col width="10%">
<col width="17%">
<col width="15%">
<col width="8%">
<thead>
      header columns
</thead>
<tbody>
      columns
</tbody>
</table>

但是，当我打印页面时，列的宽度都相同。我可以在打印时将列设置为百分比（或根本不设置）吗？

Answer 1

尝试使用<table style="table-layout: fixed;">。

这将强制表使用指定的宽度。

历史上，表格列的宽度一直是浏览器的“建议”，在某种程度上更像是min-width。设置table-layout: fixed将绕过这一点。