0

紙8.5x11でHTMLを印刷するためのcssを設定したいと思います。2つのコードがあります。

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 に答える