打印页面时如何避免断列

Question

我正在使用CSS创建带有div内结果查询的列，但是当我尝试在每次休息时打印最后的div时，如何避免这种情况？

css：

     .div-em-colunas {
     -webkit-column-count:4; /* Chrome, Safari, Opera */
     -moz-column-count:4;    /* Firefox */
      column-count:4;         /* padrão */

html

     <div class="div-em-colunas" >
     <div align="center" style="border-style: ridge;height:90px;"><b><?=$linha['user']?></b></br><?=$linha['name']?>
     </div>
</div>

图片：

Answer 1

您需要在不想被分页的任何元素上使用分页符内部属性。

    page-break-inside: avoid;

有关如何创建打印样式表的更多详细信息，请参见MDN文档。 https://developer.mozilla.org/en-US/docs/Web/Guide/Printing