CSS印刷の問題、タイトルが正しく整列する

Question

私のCVページはhttps://abiusx.com/cvにあります。 印刷したいときにメニューは表示されず、ヘッダーが表示されるように修正します。

問題は、印刷されたページ（PDF）にタイトル（AbiusX）と字幕が自動的にページの右側に揃っていることです。本当に迷惑です。 私がcssと何をしても、それはプリント上にあります。

Answer 1

私は放火犯とクロムの開発ツールでそれを確認したときにあなたのCSSのデフォルトのメディアが画面として表示されますので、私はその処理さがh1.author定義を印刷するときだと思う

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

あなたの@mediaの印刷の内側にこれを追加省略されている。あなたが持つべき

結果@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クラスでタイトルを持っています。次に、@mediaプリントでこれを行う必要があります。

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

ここでは、あなたに必要なフォーマットとタイトルを付けることができます。