Блог

Главная - Вопросы по программированию - CSS: Установите высоту заголовка с изображением заголовка для печати

CSS: Установите высоту заголовка с изображением заголовка для печати

#html #css #printing #frontend #html-heading

#HTML #CSS #печатание #внешний интерфейс #html-заголовок

Вопрос:

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

И содержимое страницы должно начинаться с высоты заголовка сверху. (Высота заголовка включает изображение заголовка.)

Аналогично, я хочу получить изображение нижнего колонтитула и высоту нижнего колонтитула.

Я опробовал следующее :

CSS :

 @media print {  .divHeader {  position: fixed;  top: 0;  height: {header-height};  } }

HTML :

 lt;div class="divHeader"gt;  lt;img src="" width="100%" /gt; lt;/divgt; lt;-- Page content to print --gt;

Это выводит изображение заголовка на каждую печатную страницу, но не дает зазора перед содержимым страницы в соответствии с высотой заголовка.

Чего здесь не хватает, пожалуйста ?

Комментарии:

1. Работает ли это в любом случае при использовании padding-bottom: 25mm; или margin-bottom:25mm; в CSS для .divHeader ?

2. Нет, это не так. Содержимое страницы начинается сверху, и изображение заголовка перекрывает его.

3. Затем определите margin-top для контейнера страницы только в CSS печати.

4. Это работает, но ТОЛЬКО для первой страницы. Пробел добавляется на первой странице, но не на последующих страницах.

5. Попробуйте поместить разделитель между .divHeader вашим контентом и вашим контентом. Div будет пустым и будет height: 0; содержать все запросы к мультимедиа на экране и точки останова. Затем определенная высота в мм для запроса печатного носителя? Конечно, вам нужно будет зайти на все ваши страницы.

Метки: