CSS-печать и Flexbox ⇐ CSS

[Anonymous]

Здравствуйте, я хотел бы создать страницу с помощью css print.
Я осмотрелся и попробовал кое-что в Интернете, но, к сожалению, выравнивание не работает.

Макет, который я хочу создать:



вот мой HTML-код

Код: Выделить всё

....
....

Поэтому я попытался создать CSS с запросом печатных СМИ.

Код: Выделить всё

@page {
size: 8cm 13cm; /*custom size*/
}
@media print {
section[class ^="page"] {
position: relative;
/*Same as the page size*/
width: 8cm;
height: 13cm;
display: flex;
justify-content: space-around;
flex-direction: column;
align-items: center;
page-break-after: always;
padding: 0.5cm 2cm;
}
p[class ^="paragraph"] {
/*NOTHING TO ADD FOR THE ALIGNEMENT*/
}
}

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

Подробнее здесь: https://stackoverflow.com/questions/539 ... nd-flexbox