小编Bil*_*Lee的帖子

使用 CSS @page :first 更改打印边距会导致其他页面截断文本

我正在尝试格式化网页以进行打印。第一页是带有全出血背景的封面。其余页面都有页边距。

@page {
   margin: 2cm;
}
@page :first {
   margin: 0;
}
.cover {
   display: block;
   height: 100%;
   width: 100%;
   background-color: green;
   page-break-after: always;
}

<div class="cover"></div>
<p>HUGE BLOCK OF BODY TEXT...</p>
Run Code Online (Sandbox Code Playgroud)

第一页看起来很完美,没有边距,但所有其余有边距的页面都被剪掉了文本。

第一页边距为 0

内页边距2cm

问题似乎出在第一页。当我注释掉第一页的 margin: 0 时,所有剩余页面看起来都是正确的。

第一页边距为 2 厘米

内页边距2cm

是否有使用 @page :first 更改边距的正确方法,并且不会影响其余页面?

css printing google-chrome print-css

7
推荐指数
1
解决办法
2082
查看次数

标签 统计

css ×1

google-chrome ×1

print-css ×1

printing ×1