时间戳

首页 > 解决方案 > HTML表格在打印时保持列宽

html - HTML表格在打印时保持列宽

问题描述

我有一张这样的桌子：

<table>
<thead>
    <th>Name</th>
    <th>Age</th>
    <th>Class</th>
    <th>Roll No</th>
    <th>Mobile</th>
    <th>Address</th>
</thead>
<tbody>
  <tr>
     <td>Ankush</td>
     <td>15</td>
     <td>10th</td>
     <td>105</td>
     <td style="width:10%">1234567890</td>
     <td style="width:20%">xyzdegdgrebrhbrgh</td>
  </tr>
</tbody>
</table>

表格在打印时丢失了自定义列宽。它在正常页面上工作正常，但列宽样式在打印时丢失。

标签： htmlcssprintinghtml-table

解决方案

打印网页时，边距由浏览器设置设置。如果您的浏览器设置没问题，那么您应该使用针对“打印”的媒体查询。如果您想按照浏览器中显示的方式打印，您需要以绝对单位（如英寸）为单位设置主页高度和宽度。

推荐阅读