У меня есть настройка, в которой мне нужно распечатать содержимое двух div элементов. Один в портретном режиме, а другой в ландшафтном режиме. Можно ли установить атрибут @page css каждого независимо?
// Need to set @page for each div?
@page {
size: landscape
}
@media print {
body * {
visibility: hidden;
}
#printPortrait,
#printPortrait * {
visibility: visible;
}
#printPortrait {
position: absolute;
left: 0;
top: 0;
width: 210mm;
height: 297mm;
padding: 10px;
margin: 0;
}
#printLandscape,
#printLandscape * {
visibility: visible;
}
#printLandscape {
position: absolute;
left: 0;
top: 0;
width: 297mm;
height: 210mm;
padding: 10px;
margin: 0;
}
}
<body>
<div id="printPortrait"></div>
<div id="printLandscape"></div>
</body>