У меня есть страница со структурой, подобной этой:
<main>
<section>
<article></article>
<aside></aside>
</section>
</main>
В CSS я включаю следующее:
main {
display: flex;
flex-direction: row;
}
В статье часто много страниц.
Когда я печатаю или печатаю предварительный просмотр, я считаю, что он только дает мне первую страницу или около того. После некоторых экспериментов у меня есть это решение:
@media print {
aside {
display: none;
}
main {
display: block;
}
}
То есть, используя display: block, я могу снова распечатать все страницы. В этом случае его ОК, так как я не хочу, чтобы aside печатался, поэтому мне не нужно поведение flex, но это не всегда так.
Кажется, что он хорошо работает в Safari и Chrome. Я тестирую это на Mac.
Почему это не работает в Firefox?
Фактическую страницу можно найти по адресу: https://www.thewebcoder.net/articles/toggling-attributes. Его все еще на ранних стадиях.