为什么Web Print会将图像保持在左侧？

Question

我正在格式化页面上的html，以便以某种方式将其打印到一张标准A4大小的纸张上。

在页面顶部，我想在中间呈现图像

我正在使用twitter bootstrap类来尝试实现此目的。

<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>

问题：打开打印预览对话框（谷歌浏览器浏览器）时，图像始终在左侧齐平。

有什么建议吗？

Answer 1

当您尝试打印页面时，CSS通常会关闭。您需要做的是指定具有用于打印的自定义样式的打印样式表：

您需要使用媒体查询来指定要打印的内容。

@media print {
    // Custom CSS
}