分页符在div中不起作用。如何添加此标签?

时间:2019-05-07 17:13:20

标签: html css

before-break-before不能以任何方式工作。我将其包含在不同的标签(div,p和h1)中,并添加了显示块,但是显示更改了布局。如何在开头添加分页符?

我已尝试在div之前的div内的div内包含page-break-before,但在上次打印预览时,似乎无法使用。我所做的所有页面都与下面的代码相同。

<h1 class="page-title" style="font-weight: 1000"><img width="6%" src="../../assets/admin/layout/img/icon_anamnese.png" alt="...">&nbsp;Anamnese</h1>

<div class="row">
  <div class="col-md-12">
    <div class="portlet-body">
      <div class="table-scrollable">
        <table class="table col-md-12">
          <tbody>
            <tr>
              <td style="background-color: #8fc4c4 !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-5 lead">Objetivos com relação à atividade física?</td>
              <td style="background-color: #f6fdfd !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-7 lead">Saúde e Bem estar</td>
            </tr>
            <tr>
              <td style="background-color: #aadee0 !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-5 lead">Pratica atividade física atualmente?</td>
              <td style="background-color: #dff7f7 !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-7 lead">De duas a três vezes por semana</td>
            </tr>
            <tr>
              <td style="background-color: #8fc4c4 !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-5 lead">Utiliza algum tipo de medicamento?</td>
              <td style="background-color: #f6fdfd !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-7 lead">Não</td>
            </tr>
            <tr>
              <td style="background-color: #aadee0 !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-5 lead">Já passou por alguma cirurgia?</td>
              <td style="background-color: #dff7f7 !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-7 lead">Lesão de natureza articular</td>
            </tr>
            <tr>
              <td style="background-color: #8fc4c4 !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-5 lead">Doenças na família?</td>
              <td style="background-color: #f6fdfd !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-7 lead">Diabetes</td>
            </tr>
            <tr>
              <td style="background-color: #aadee0 !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-5 lead">Observações</td>
              <td style="background-color: #dff7f7 !important; -webkit-print-color-adjust: exact; color: #3d !important; -webkit-print-color-adjust: exact" class="col-md-7 lead">Dores musculares após atividades físicas</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div><br /><br /><br />

1 个答案:

答案 0 :(得分:0)

您是否尝试过将其放入样式标签中?

<div style="page-break-before: always;" class="row"></div>

还要确保您的div处于阻塞状态而不是内联