@page规则无助于获取内容的全部宽度

时间:2017-07-02 21:27:24

标签: html css css3 printing-web-page

我目前正在制作一张桌子,我必须在纸上打印出来。 我需要桌子跨越纸张的整个宽度。我想打印(A4风景)。这是我使用的CSS代码。

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

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

我尝试在规则上添加!important,但仍无效。 有人可以帮帮我吗?我不明白问题出在哪里。

1 个答案:

答案 0 :(得分:0)

得解决问题。 我所做的就是删除文本溢出text-overflow :hidden; white-space:nowrap; 当我试图打印时,这有助于防止我的表因数据溢出而缩小。 希望这可以帮助其他人解决同样的问题