html - @page 规则无助于获取内容占据纸张的整个宽度

Question

我目前正在制作一张必须打印在纸上的表格。我需要表格跨越纸张的整个宽度。我想打印(A4 横向)。这是我使用的 CSS 代码。

@media print{
  .noprint{display:none;} 
   table{width:100% !important ;}
   tr,td,thead,th{width:auto;}
}

@page{
  size: landscape;
  Margin:0px;
}

我已尝试在规则中添加 !important 但仍然无效。谁能帮帮我吗？我不明白问题出在哪里。

Answer 1

必须解决问题。我所做的只是删除文本溢出 text-overflow :hidden;空白:nowrap;这有助于防止我的表格在我尝试打印时因数据溢出而缩小。希望这可以帮助其他遇到同样问题的人