所以我有以下CSS。
#container { margin: 0 auto 0 auto; width: 800px; }
.print { display: none; }
@media print {
#container { margin: 0; page-break-before: always; }
.print { display: block; }
}
应用于以下 HTML。
<html>
<body>
<div class="print">
<img src="/logo" style="left: 50%; margin-left: -34px; margin-top: -15px; position: absolute; top: 50%;" />
</div>
<div id="container">
<div>
...
</div>
</div>
</body>
</html>
除了 Chrome 和 Safari 之外,一切都很棒,它们都在之前 <img>
插入分页符并在第 2 页的中间插入右击。我在打印类中/logo
得到相同的放置(例如) 。page-break-after: always;
我怀疑这可能与此有关position: absolute;
?
我怎样才能<div class="print">
出现在第 1 页,/logo
中间,并<div id="container">
从第 2 页的顶部开始?