Как стилизовать HTML для отображения 2 карточек данных на печатной странице?

Question

У меня есть входной документ с данными XML, который будет красиво преобразован в карточки данных, которые могут быть напечатаны 2 на страницу (или, возможно, 4 на страницу, или 9 на страницу, или что-то).

Какой лучший способ для меня стилизовать данные для их печати таким образом? Например, как я могу сказать «Сделать это деление на 1/3 пути вниз напечатанной страницы»?

Answer 1

HTML на самом деле не предназначен для точного отображения таким образом. Сказав это ...

Если вы знаете размер бумаги, вы можете быть умнее с единицами измерения в таблице стилей печати (то есть, используя cm вместо px или em). Вы можете даже использовать проценты и не слишком беспокоиться о размере бумаги, но Я не проверял это . Это также зависит от содержимого, макета и размера бумаги.

Примером использования процентов (чтобы <div> был 1/3 высоты страницы) было бы указать height: 33% в CSS.

Также можно принудительно разрывать страницы в CSS, указав page-break-after: always (или page-break-before: always, если это более удобно).