Question

我想在纸张8.5x11中为print html设置css。有两个代码。

body {
     width: 7.5in;
     padding: 0.5in;
 }
 table.example {
 width: 90%;
 }

或者

 <style type="text/css">
  .page {
   height: 900px;  /* You'll need to play with this value */
   width: 670px;
   page-break-after: always; /* Always insert page break after this element */
  page-break-inside: avoid; /* Please don't break my page content up browser */
   }
</style>
<body>
    <div class="page">
      <table>
       blah
      </table>
   </div>
</body>

哪一个是对的？

Answer 1

实现这一目标的正确方法是使用“媒体查询”

在主样式表的末尾插入所有打印声明，并用这个不同的规则将它们括起来：@media print { … }

在单独的@media screen {…}规则中包含所有屏幕样式;
省略精简样式表的媒体类型：<link rel="stylesheet" href="css/style.css"/>

Source

什么是纸张8.5x11的CSS？

1 个答案: