CSS打印問題，標題對齊右

我有我的簡歷頁面在https://abiusx.com/cv，我想修改它，這樣，當用戶想打印，菜單是不可見的，但標題是。CSS打印問題，標題對齊右

的問題是，在打印頁面（PDF）的標題（AbiusX）和字幕自動對齊到頁面的右側，並且它是真的討厭我。不管我用CSS做什麼，它都會在那裏出現。

2012-04-13 AbiusX

您的@media打印裏面添加這個

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

你的CSS默認媒體出現畫面時，我用螢火蟲和Chrome開發人員工具檢查，所以我認爲，當它的處理要打印的h1.author定義被省略。

你應該有

產生的@media打印是：

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

來源

2012-04-13 20:29:12 aruiz

你知道爲什麼這是必要的嗎？ – AbiusX 2012-04-13 20:38:02

您所放置的media =「all」選項是用於另一個css文件，而不是包含您需要的標記描述的選項。包含標籤描述的css文件是style.css，並且這個包含media =「screen」選項。 – aruiz 2012-04-13 20:43:30

沒有工作，似乎沒有CSS應用於打印視圖 – AbiusX 2012-04-15 08:40:22

使用這個在你的CSS文件

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

例如，你有與不想當你打印到顯示.title僞類別的冠軍。然後，你必須做到這一點的@media打印：

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

在這裏，你可以嘗試給你標題和副標題你想要的格式。

來源

2012-04-13 19:40:34 aruiz

我已經這樣做了。事實上，我有一個noprint類，可以防止任何東西被打印，但除了舊樣式應該駐留在內容上，因爲默認媒體是全部的，而不是屏幕。 – AbiusX 2012-04-13 19:44:12

是否嘗試在介質打印中添加一個填充權限或邊距，並在！標題標籤的最後加上！important！（覆蓋你以前的風格） – aruiz 2012-04-13 19:49:04

什麼與！重要？我用填充和背景顏色和浮動和對齊方式，但沒有工作 – AbiusX 2012-04-13 19:49:56

CSS打印問題，標題對齊右

回答

相關問題