我正在为Web应用程序设计打印样式表。该应用程序使用Bootstrap v4.1.0
我尝试在stackoverflow上的所有灵魂和我不能修复
以下HTML代码:
<div id="container-fluid">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12 student">
<p>sdd</p>
<p>1000</p>
<p>R1f17sdf56</p>
</div>
<div class="col-12 student">
<p>xxxxx df</p>
<p>1001</p>
<p>dfdfg</p>
</div>
<div class="col-12 student">
<p>sdd</p>
<p>1002/p>
<p>dfgd</p>
</div>
<div class="col-12 student">
<p>cvbcv</p>
<p>1003</p>
<p>vxgsd</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
以下CSS代码:
@media print{
.student , col-12{
/*page-break-after: always;*/
page-break-after: always;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
display: block !important;
}
}
必需我要每页打印12列
行显示块将解决问题.row {display:block;}
@media print{
.row{
display: block;
}
.page-break {
page-break-after: always;
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句