这是我的标记:
<div class="row admin-details-blocks">
<div class="col-sm-6">
<p><strong>Tipo: </strong>PF</p>
...
</div>
<div class="col-sm-6">
<p><strong>Email: </strong>teste@teste.com</p>
...
</div>
</div>
在<p>
标签上,我使用了一些填充,margim-bottom和边框:
.admin-details-blocks p {
background-color: #fff;
border: solid 1px #ac8c58;
font-size: 0.875rem;
margin-bottom: 8px;
padding: 10px 20px;
}
但是在页面的打印版本中,某些段落在Google Chrome上分为两页,如下所示:
我尝试将page-break-inside: avoid;
添加到<p>
和.admin-details-blocks
类中,但没有成功: