0

我想在纸张 8.5x11 中为打印 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>

哪一个是对的？

4

1 回答 1

2

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

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

  1. @media screen {…}在单独的规则中包含所有屏幕样式；

  2. 省略精简样式表的媒体类型：<link rel="stylesheet" href="css/style.css"/>

来源

于 2012-11-28T16:21:00.427 回答