带边框和填充文字的段落在印刷版中分为两页

时间:2018-07-07 12:23:53

标签: html css printing

这是我的标记:

<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上分为两页,如下所示:

enter image description here

我尝试将page-break-inside: avoid;添加到<p>.admin-details-blocks类中,但没有成功:

0 个答案:

没有答案