HTML表在打印时保持列宽

时间:2018-12-20 09:16:09

标签: html css printing html-table

我有一张这样的桌子:

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

表格在打​​印时丢失了自定义列的宽度。在正常页面上可以正常使用,但是列宽度样式在打印时丢失。

1 个答案:

答案 0 :(得分:0)

在打印网页时,边距由浏览器设置设置。如果浏览器设置正常,则应使用针对``打印''的媒体查询;如果要按照浏览器中的显示进行打印,则需要以绝对单位(例如英寸)为主页的高度和宽度。