我使用@media print {} 对打印进行一些更改。但是当我在 Google Chrome 中看到打印预览时,它在底部显示了一个额外的空白页。如何去除它?我尝试了一些代码,但它仍然不起作用。
div:last-child{
page-break-after: auto !important;
}
body,html{
height:auto !important;
min-height:200px;
}
Run Code Online (Sandbox Code Playgroud) 这些是 HTML:
<div class="btn-toolbar text-center" role="toolbar">
<a href="#" class="btn btn-success">Link 1</a>
<a href="#" class="btn btn-success">Link 11</a>
<a href="#" class="btn btn-success">Link 111</a>
<a href="#" class="btn btn-success">Link 1111</a>
<a href="#" class="btn btn-success">Link 11111</a>
<a href="#" class="btn btn-success">Link 111111</a>
<a href="#" class="btn btn-success">Link 11111</a>
<a href="#" class="btn btn-success">Link 1111</a>
<a href="#" class="btn btn-success">Link 111</a>
<a href="#" class="btn btn-success">Link 111</a>
<a href="#" class="btn btn-success">Link 11</a>
<a href="#" class="btn btn-success">Link 111</a>
<a href="#" class="btn btn-success">Link 1111111</a>
<a href="#" class="btn btn-success">Link 111111111</a>
<a href="#" class="btn btn-success">Link …Run Code Online (Sandbox Code Playgroud)