Удалить верхний и нижний колонтитулы из windows .print ()

Я использую window.print () для печати страницы, но у меня заголовок и нижний колонтитул содержат заголовок страницы, путь к файлу, номер страницы и дату. Как их удалить?

Я также попробовал таблицу стилей печати.

#header, #nav, .noprint { display: none; } 

Пожалуйста помоги. Благодарю.

В Chrome можно скрыть этот автоматический верхний / нижний колонтитул, используя

 @page { margin: 0; } 

Поскольку содержимое будет расширяться до пределов страницы, заголовок / нижний колонтитул печати страницы будет отсутствовать. Вы должны, конечно, в этом случае установить некоторые поля / paddings в свой элемент body, чтобы содержимое не распространялось вплоть до края страницы. Поскольку обычные принтеры просто не могут получить печать без полей, и это, вероятно, не то, что вы хотите, вы должны использовать что-то вроде этого:

 @media print { @page { margin: 0; } body { margin: 1.6cm; } } 

Как отметил Мартин в комментарии, если на странице есть длинный элемент, который прокручивается за одну страницу (например, большую таблицу), маржа игнорируется, а печатная версия будет выглядеть странно.

В то время, когда оригинал этого ответа (май 2013 г.), он работал только на Chrome, но не уверен в этом, и ему больше не нужно было повторять попытку. Если вам нужна поддержка браузера, который не может сбивать, вы можете создать PDF-файл «на лету» и распечатать его (вы можете создать на нем самопечатание PDF-встраивания JavaScript), но это огромная проблема.

Fire Fox :

  • Добавьте атрибут moznomarginboxes в

Пример :

  

Я уверен, что добавление этого кода в ваш файл css решит проблему

  

Вы можете посетить это, чтобы узнать больше об этом

Стандарт CSS позволяет некоторое форматирование. В CSS есть директива @page, которая допускает некоторое форматирование, которое применяется только для постраничного носителя (например, бумаги). См. http://www.w3.org/TR/1998/REC-CSS2-19980512/page.html .

   Print Test    
Top line
Line 2

Сегодня мой коллега наткнулся на тот же вопрос.

Однако, поскольку решение «margin: 0» работает для браузеров на основе хрома, Internet Explorer продолжает печатать нижний колонтитул, даже если поля @page установлены на ноль.

Решение (больше взлома) заключалось в том, чтобы поместить отрицательный запас на @page.

 @page {margin:0 -6cm} html {margin:0 6cm} 

Обратите внимание, что отрицательная маржа не будет работать для оси Y, только для X

Надеюсь, поможет.

 @media print { .footer, #non-printable { display: none !important; } #printable { display: block; } } 

Если вам посчастливилось прокрутить страницу до этого момента, я нашел решение для Firefox. Он будет печатать содержимое из определенного div без нижнего колонтитула и заголовков. Вы можете настроить, как хотите.

Во-первых, загрузите и установите этот аддон: JSPrintSetup .

Во-вторых, напишите эту функцию:

  

В-третьих, в вашем коде, где бы вы ни захотели написать код печати, сделайте это (я использовал JQuery, вы можете использовать простой javascript):

  

Очевидно, вам нужна ссылка:

 Print my Div 

И ваш div для печати:

 
....

1. Для Chrome & IE

  
  1. Для FireFox, как сказал l2aelba ,

Добавьте атрибут moznomarginboxes в пример:

  

вам не нужно писать код. перед вызовом window.print () в первый раз измените настройки печати вашего браузера. например, в firefox:

  1. Нажмите Alt или F10, чтобы увидеть строку меню.
  2. Нажмите «Файл», затем «Параметры страницы».
  3. Выберите вкладку «Поля и верхний колонтитул»
  4. Изменить URL для пустого -> изображение

и еще один пример для IE (я использую IE 11 для предыдущих версий, вы можете видеть, что это предотвращает Firefox или Internet Explorer от печати URL-адреса на каждой странице ):

  1. Нажмите Alt или F10, чтобы увидеть строку меню.
  2. Нажмите «Файл», затем «Параметры страницы».
  3. в разделе Заголовки и нижние колонтитулы Измените URL-адрес для пустого.
  • Настройки печати WebBrowser
  • Необходимо удалить значения href при печати в Chrome.
  • Как я могу создать «предварительный просмотр» FlowDocument в приложении WPF?
  • Печать без пробела в python 3
  • Как создать метод println / print для пользовательского classа
  • Использование функции print () (версия функции) в Python2.x
  • Как заставить браузеры печатать фоновые изображения в CSS?
  • Как я могу подключиться к печати в Perl?
  • python 3.0, как сделать print () вывод unicode?
  • Цвет фона не отображается в предварительном просмотре
  • Показывать DataFrame как таблицу в iPython Notebook
  • Давайте будем гением компьютера.