Удалите лишнее пространство на первой странице в области печати. ⇐ CSS

[Anonymous]

У меня два простых вопроса. Я хочу распечатать страницу с этим содержимым. Область печати первой страницы выглядит следующим образом.


и для второй страницы
[img]https://i.sstatic.net /H3JnRCVO.png[/img]

Мой первый вопрос: как вы видите, первая страница имеет другое расстояние от верха, чем вторая страница (и другие страницы). Однако я не хочу этой разницы; Мне нужно такое же расстояние.
И мой второй вопрос: есть ли способ показать дату и время печати только на первой странице?
это мой код CSS и JS

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

  window.print();

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

@media print {
/* Hides the entire body content initially */
body {
margin: 0;
padding: 0;
visibility: hidden;
-webkit-print-color-adjust: exact; /* Ensure colors appear correctly when printing */
}

/* Shows only the specified element and keeps other elements hidden */
#ride-receipts {
visibility: visible; /* Makes it visible */
gap: 60px; /* Adds the specified gap */
width: 100%; /* Sets the full width */
}

#ride-receipts > div {
break-inside: avoid;
}

.drawer {
display: none;
}
}

@page {
size: auto;
margin-bottom: 0;
}

Подробнее здесь: https://stackoverflow.com/questions/784 ... nting-area