Как избежать разрыва столбцов при печати страницы

Question

Я использую css для создания столбцов с запросом результата внутри divs, но когда я пытаюсь распечатать последние 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