Я хочу выбрать последний элемент на печатной странице. Например, учитывая этот HTML (при условии, что напечатанная страница имеет высоту 100 пикселей):
<!-- other content before -->
<div id="TheThing">
<section id="a">Some content</section>
<section id="b">Some content</section>
<section id="c">This will be the last section on the page</section>
<section id="d">This section will start on the next page</section>
<section id="e">This is the last section</section>
</div>
<!-- other content after -->
и этот CSS:
#TheThing {
page-break-before: always;
page-break-after: always;
}
section {
height: 30px;
border-bottom: solid 1px black;
page-break-inside: avoid;
}
Я хочу иметь возможность выбирать последний элемент на каждой печатной странице, в данном случае #c (а также #e, хотя при необходимости это можно было бы легко исключить с помощью :not(:last-child)) и удалять его границу.
Приблизительный желаемый результат:
В настоящее время я использую Prince XML. Я предпочитаю не делать с этим JavaScript.
Является ли это возможным?
@media print {}. Подробнее см. здесь. - person Dimitris Damilos schedule 06.09.2017