我有一个包含2个可打印页面的html页面。我为每个页面创建了一个媒体打印样式边框,但我的代码只为第一页添加了边框。
我需要添加什么才能在每个页面上显示边框?
请在下面找到我的打印媒体CSS并查看我的屏幕截图;
@page {
size: A4; /* auto is the initial value */
margin: 1.54cm 1cm 1.54cm 1cm;
marks: crop cross;
}
html, body {
-webkit-print-color-adjust: exact;
margin:0;
padding:0;
height:100%;
min-height: 100%;
border: 2px solid #cc0000!IMPORTANT;
}
.contract {
min-height:100%;
position:relative;
height: 100%;
box-decoration-break: clone;
}
h2, h3 {
page-break-after: avoid;
}
带BUG的屏幕截图:http://scr.hu/0fbv/5u4qh
答案 0 :(得分:0)
我遇到了类似的问题。我是这样做的:
#body {
border-style: solid;
border-color: red;
}
如果这不起作用,请尝试将边框颜色直接放入介质中。请务必先添加border-style: solid;
。