html - 打印 HTML 表格时丢失列宽

标签 html css printing

我有一个页面将仅用于打印(因此设置样式)。当我在浏览器中查看页面时,列宽是我设置的:

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

但是,当我打印页面时,列的宽度都是相同的。我可以在打印时将列设置为百分比(或全部)吗?

最佳答案

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

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

从历史上看,表格列的宽度一直更像是对浏览器的“建议”,并且更像是一个 min-width。在某种程度上。设置table-layout: fixed将规避这一点。

关于html - 打印 HTML 表格时丢失列宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10983686/

相关文章:

CSS - 如何升级 Unicode 箭头?

javascript - 我把我的标志放在两条线之间,我想为这两条线制作动画

javascript - 打印 HTML 表格中选定的行

javascript - 打印时不要使用 jQuery DOM 更改

javascript - Jquery ColorPicker 的问题

javascript - 为什么 jQuery 的更改事件会多次触发?

javascript - 我怎样才能清除 Canvas ?

html - 填充父级内部的剩余宽度,该父级也填充剩余宽度

带有页脚的 jQuery DataTable 不响应

perl - 初学者 Perl 打印