Если блок не помещается на текущей странице, то перенести его на следующую

510
26 ноября 2016, 18:52

Если блок не поместился на текущей странице в печатной форме, нужно сделать его перенос на следующую страницу. Как можно реализовать?

Answer 1

Воспользуйтесь свойством page-break-inside, установив у родительского элемента значение avoid:

body { 
  page-break-inside: avoid 
}
<body> 
    <div>Длинный элемент 1 <img src="" style="height: 220pt" /></div> 
    <div>Длинный элемент 2 <img src="" style="height: 220pt" /></div> 
</body>

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте standart-s.com.ua
ТОП-10
READ ALSO
Помогите починить калькулятор
CSS

Помогите починить калькулятор

Есть код JS , в нем все отлично , кроме одного

 451
нажатая кнопка bootstrap вылазит на открытый datepicker
CSS

нажатая кнопка bootstrap вылазит на открытый datepicker

Проблема в том что когда нажал на кнопку на странице и после открыл окно выбора даты datepicker, эта кнопка отрисовывается сверху окна datepicker

 475
Лицензия готового блога
CSS

Лицензия готового блога

ПредположимЯ нашел блог, код которого лежит в открытом доступе и я его могу скачать (и скачал), я взял стиль блога и сверстал (в учебных целях)...

 338
Почему при клике ссылка не открывается?
CSS

Почему при клике ссылка не открывается?

Если я добавлю код JS, который при клике добавляют класс active, тогда у меня ссылки не работаютА если без JavaScript у меня все работает

 1273