爲什麼Web Print會將圖像移動到左側？

Question

我正在格式化頁面上的html，以便以某種方式將其打印到一張標準A4大小的紙張上。

在頁面的頂部，我想呈現的圖像中間

我使用Twitter的自舉類來嘗試實現這一目標。

<div class="row-fluid">   
<div class="span4"></div> 
<div class="span4"> 
<img class="center-block" src="../../../Content/design/css/img/thepicture.png" /> 
</div> 
<div class="span4"></div> 
</div> 

問題：當打印預覽對話框打開時（谷歌Chrome瀏覽器），圖像總是在左邊齊平。

有什麼建議嗎？

Answer 1

當您嘗試打印頁面時，CSS通常會關閉。您需要做的是指定一個打印樣式表，其中包含用於打印的自定義樣式：

您需要使用媒體查詢來指定要打印的內容。

@media print { 
    // Custom CSS 
}