我使用的是CSS属性,

If I use page-break-after: always; => It prints an extra blank page before

If I use page-break-before: always; => It prints an extra blank page after. How to avoid this?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
.print{
    page-break-after: always;

}
</style>
<script type="text/javascript">
window.print();
</script>
</head>
<body>
<div class="print">fd</div>
<div class="print">fdfd</div>
</body>
</html>

推荐答案

你也许可以加上

.print:last-child {
     page-break-after: auto;
}

所以最后print个元素不会得到额外的分页符.

请注意,如果您针对的是一个可恶的浏览器,则IE8不支持:last-Child Select 器.

Css相关问答推荐

悬停时可展开的按钮与屏幕右侧对齐,如何保持未悬停的按钮正确对齐?

如何将下拉面板放置在MAT-SELECT文本框的正下方

如何在不重叠侧边栏的情况下尽可能使元素居中?

如何在页面顶部创建固定横幅,并在其下方设置滚动条?

将CSS栅格行高设置为其余视口高度

在文本之前添加了额外的空间-Angular 树视图CSS

如何通过重复的网格区域来简化网格布局?

如何使用 tailwind css 修复滚动条始终位于底部?

不明白为什么 div 不均匀并且不填满页面

设置初始大小并记住分配的最后大小

如何更改 JqGrid 中的pager 背景 colored颜色 ?

背景图像允许溢出输入按钮

为什么同一个 CSS 类连续出现两次

未知规则 @propertycss(unknownAtRules)

如何更改 CSS:JavaScript 中的根 colored颜色 变量

带有 flexbox 的 css 正方形网格

使用自定义 CSS 在 WebView 中呈现 HTML

HTML表格:保持列的宽度相同

CSS关键帧动画CPU占用率高,应该这样吗?

在 CSS 中使用多个 @font-face 规则