如何使用CSS将页面设置为A4尺寸以用于打印机?
这是我测试时的代码。您会在2张A4纸页上看到test
一词。
但是,当我按下Ctrl+p
键盘时,它会显示如下。
为什么不能打印两页。
<style type="text/css">
.A4 {
background: white;
width: 21cm;
height: 29.7cm;
display: block;
margin: 0 auto;
padding: 10px 25px;
margin-bottom: 0.5cm;
box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
overflow-y: scroll;
box-sizing: border-box;
}
@media print {
.page-break {
display: block;
page-break-before: always;
}
size: A4 portrait;
}
@media print {
body {
margin: 0;
padding: 0;
}
.A4 {
box-shadow: none;
margin: 0;
width: auto;
height: auto;
}
.noprint {
display: none;
}
.enable-print {
display: block;
}
}
</style>
<div class="A4">
test
</div>
<div class="A4">
test
</div>
我该怎么办?
答案 0 :(得分:0)
您有一个function (evt) {
this.handleChange(evt); // The event will get passed to the function here.
}
类,但是您没有使用它。
.page-break