Я работаю над постраничным css с запущенными нижними колонтитулами внутри полей полей. Все работало почти так, как ожидалось, пока графический дизайнер не попросил меня сделать часть нижнего колонтитула жирным, и я больше не мог использовать контент: «текст» для нижних колонтитулов.
Я решил использовать контент: элемент (нижний колонтитул), и я добавил нижний колонтитул в конце своей динамически создаваемой HTML-страницы, но он отображается только на последней странице. Я искал, но у всех, кажется, есть противоположная проблема (они хотят это только на последней странице и имеют это на всех) или не используют стили печатных носителей CSS3.
@page {
size: 170mm 240mm;
margin: 23.5mm 27.5mm 23mm;
@bottom-center {
content: element(footer);
font: normal 8pt MyLucida;
}
}
footer {position: running(footer);
font-family: MyLucida;
font-size: 8pt;}
HTML
<footer>
My Journal Issue [<b>000</b>] Month Year
</footer>
Я ожидал найти нижний колонтитул на каждой странице, но на пустых страницах, но он появляется только на последней странице, в правильном положении внутри поля. Изменение «position: running (footer)» в «position: absolute» ничего не изменило. Кажется, что нижний колонтитул добавляется только один раз в конце и не повторяется вообще. Я должен был повторить стиль, иначе он не применял его. HTML предназначен только для печати, и он генерируется из данных БД. Мой PDF-конвертер - PrinceXML.
Я надеюсь, что это имеет смысл!