Изменить поток документа при разрыве страницы, чтобы заполнить пространство

Можно ли при печати (или, вообще, отображении документа на постраничном носителе) переформатировать элементы документа таким образом, чтобы при смещении какого-либо элемента (например, изображения) на следующая страница, потому что она не помещается в доступном пространстве на фактической странице, элементы, следующие за ней, будут перемещены на оставшееся место фактической страницы?

Я пытаюсь добиться эффекта, аналогичного (или аналогичного) LaTeX Floats, но используя только CSS.

Чтобы проиллюстрировать это, предположим, что у нас есть следующая ситуация:

Page 1  | Paragraph A (...)   |
        | Paragraph B (...)   |
        |  _________________  |
        | | Top of image A  | |
        |_|_________________|_|

         ---- page break -----
         _____________________
Page 2  | | Rest of image A | |
        | |_________________| |
        |                     |
        | Paragraph C (...)   |
        | Paragraph D (...)   |
        |         ...         |
        |_____________________|

Используя некоторый базовый CSS (см. этот вопрос), нет проблем с достижением этого:

Page 1  | Paragraph A (...)   |
        | Paragraph B (...)   |
        |                     |
        |                     |
        |_____________________|

         ---- page break -----
         _____________________
Page 2  |  _________________  |
        | | Image A (whole) | |
        | |                 | |
        | |_________________| |
        |                     |
        | Paragraph C (...)   |
        | Paragraph D (...)   |
        |         ...         |
        |_____________________|

Но мне действительно нужно что-то вроде это:

Page 1  | Paragraph A (...)   |
        | Paragraph B (...)   |
        | Paragraph C (...)   |
        | Paragraph D (...)   |
        |_____________________|

         ---- page break -----
         _____________________
Page 2  |  _________________  |
        | | Image A (whole) | |
        | |                 | |
        | |_________________| |
        |         ...         |
        |_____________________|

Итак, по сути, я просто хочу заполнить все оставшееся пространство, оставшееся на реальной странице, элементами, следующими за изображением A(конечно, только если они вписываются в него).

Я провожу небольшое исследование CSS3 и хочу посмотреть, можно ли полностью заменить редакторы Office с помощью стилей CSS, поэтому мне не нужно, чтобы решение еще поддерживалось (т. е. реализовано в каком-либо браузере в настоящее время). Все, что я хочу знать, это то, включен ли он в какой-либо модуль или конструкцию CSS (даже если это просто рабочий проект), поэтому я могу предположить, что браузеры будут поддерживать его в будущем.

Я уже искал это в спецификациях

  • CSS3 Paged Media,
  • CSS3 Regionsи
  • CSS3 Generated Content for Paged Media

и ничего не нашел, но есть еще возможно, я просто что-то проглядел (или вообще не понял), поэтому после двух дней гугления я полагаю, что пришло время спросить здесь :-)


РЕДАКТИРОВАТЬ:

просто чтобы было ясно, еще раз: Мне не нужно, чтобы решение поддерживалось в любом браузересейчас, мне нужно знать, существует ли стандарт или спецификация, разрешающие это (и если да, то как).

15
задан Community 23 May 2017 в 12:33
поделиться