在打印时可以用CSS改变表格的宽度吗？

rn0zuynd 于 2023-02-17 发布在其他

关注(0)|答案(3)|浏览(118)

我需要在打印页面时更改表格的宽度，使用

<link rel="stylesheet" type="text/css" href="../css/reportPrint.css" media="print" />

从CSS文件打印时可以更改表格的宽度吗？
任何帮助都将不胜感激。

3条答案

您可以使用打印样式表在打印时设置其他CSS属性，方法是在head元素中添加：

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

然后在print.css文件中，设置您的附加/不同属性，例如：

table {
   width:80em;
}

编辑：原来的职位有隐形代码，直到编辑后，我张贴，所以我不知道这是否回答你的问题。

实际上，如果你想覆盖HTML标记中的内联CSS，请执行以下操作：

#divShowTable {
    width:100%!important;
}

您可以使用打印媒体查询：
示例：

@media print {
  .print-table {
    width: 100% !important;
  }
}