html - 打印 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将规避这一点。