css - CSS印刷の問題、タイトルが右揃え

Question

https://abiusx.com/cvにCVページがあります。ユーザーが印刷したいときにメニューは表示されませんが、ヘッダーは表示されるように変更したいと思います。

問題は、印刷されたページ（PDF）で、タイトル（AbiusX）とサブタイトルがページの右側に自動的に配置されることであり、それは本当に迷惑です。私がcssで何をしても、それは印刷物に表示されます。

Answer 1

これを@mediaプリント内に追加します

h1.author { 
          text-align:center; 
          margin:auto; 
          margin-top:5px; 
}

あなたのcssデフォルトメディアは、firebugとchrome開発者ツールでチェックすると画面として表示されるので、印刷されるように処理されると、h1.author定義が省略されると思います。

結果として得られる@media印刷は、次のとおりです。

/* print media */
 @media print {
.noprint {
    display:none;
}
    h1.author {
        text-align:center;
        margin:auto;
        margin-top:5px;
    }
}

Answer 2

これをcssファイルで使用します

@media print
{
  //put here the css you want for printing.
}

たとえば、印刷時に表示したくない.titleクラスのタイトルがあるとします。次に、@mediaprintでこれを行う必要があります。

@media print
{
     .title{
            display: none;
      }
}

ここでは、タイトルとサブタイトルを希望の形式で指定できます。