Как сделать так, чтобы элемент на веб-странице не печатался?

Question

Я сделал простую «печатную версию» для записей на сайте нашей компании. Тем не менее, я обязан добавить кнопку / ссылку для возврата на веб-сайт, поскольку, как утверждается, многие из наших клиентов не подумают использовать кнопку «назад» (и, действительно, в этом может быть некоторая доля правды - поскольку они продолжал переписываться по электронной почте, запрашивая прайс-лист на одну запись, которая на самом деле была четко связана с большими подчеркнутыми буквами в описании)

Хорошо, все в порядке, но я могу сделать что-нибудь, чтобы этот элемент не был напечатан?

Answer 1

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

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

Да, media = "print"

Answer 2

здесь - это простое руководство по печати таблиц стилей.

Answer 3

В CSS:

@media print
{
    .dontPrintThis, .neitherThis { display: none; }
    .printThisBigger { font-size: 120%; }
    /* ... */
}

Answer 4

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

См. список типов носителей .

Это - хорошая (но старая) статья о таблицах стилей печати. ​​