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

382
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>

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

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

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

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

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

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

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

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

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

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

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

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

1195