Предотвращение печати и его содержимого от печати

Question

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

Как бы я этого достиг, используя CSS или JavaScript?

Answer 1

Распространенным методом является использование отдельного CSS для печати. Вы можете иметь CSS для всех носителей и один для печати:

<link rel="stylesheet"
   type="text/css"
   media="print" href="print.css" />

В файле print.css просто поместите дисплей: нет в div.

Davide

Answer 2

Поскольку здесь ранее не было указано, вам не обязательно иметь внешнюю таблицу стилей:

<style type="text/css" media="print">
 .hideMeInPrint { display: none; }
</style>

Answer 3

Самое простое решение - добавить это в основной файл CSS. Обратите внимание, что при связывании файла CSS не следует указывать атрибут media (<link type="text/css" rel="stylesheet" href="/path/to/css.css" />):

@media print {
   div.classname {
     display:none;
   }
}

Answer 4

Вы ищете @ media print .

Answer 5

В вашем html укажите таблицу стилей, используемую для печати:

<link rel="stylesheet" type="text/css" media="print" href="print.css"/>

И в этом CSS:

#mydiv {display: none;}

Answer 6

<link type="text/css" rel="stylesheet" media="print" href="/css/print.css" />

в этом стиле CSS-файла поставить отображение: нет; для элементов, которые вы не хотите печатать

Answer 7

Вставить таблицу стилей только для печати:

<link rel="stylesheet" href="/path/print.css" media="print" />

Затем поместите css, чтобы скрыть div в этой таблице стилей

Answer 8

http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml

Немного больше информации о печатных таблицах стилей

Answer 9

Вы можете включить таблицу стилей, которая применяется только при печати. ​​

<LINK REL="stylesheet" TYPE="text/css" MEDIA="print" HREF="print-specific-styles.css">

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

Answer 10

Любой, кто работает с div внутри php, примет рекомендацию Дивьи. Я потратил несколько часов на это, пока не наткнулся на это, поместил во внешний и все классы в другом коде с php-страницей, прекрасно работает :) Кроме того, хорошо работает с начальной загрузкой, в то время как начальной загрузкой можно игнорировать и все равно печатать.

@media print {
   div.classname {
     display:none;
   }
}