为什么 Web Print 总是向左移动图像？答案

【问题标题】：Why does Web Print keep moving image(s) to the left?为什么 Web Print 总是向左移动图像？
【发布时间】：2014-07-25 19:04:12
【问题描述】：

我正在格式化页面上的 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 浏览器），图像总是在左侧齐平。

有什么建议吗？

【问题讨论】：

你能发布一个 JS Fiddle 或 JS Bin 你的例子吗？

标签： html css twitter-bootstrap printing twitter-bootstrap-2

【解决方案1】：

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

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

@media print {
    // Custom CSS
}

【讨论】：