Запретить печать элементов в HTML

Question

Запретить печать элементов в HTML

0

На моем веб-сайте есть меню для простоты, содержащееся в ID:

<div id="menu">

..code.. 

</div>

Когда пользователи печатают в PDF, перейдя на FILE-> PRINT, например, это выглядит некрасиво в документе PDF. Есть ли способ исключить из div id="menu"?

Joanna Mikalai 09 янв. 2014, в 19:15

Источник

0

Вы не слышали о @media print стилей @media print ?
PlantTheIdea 09 янв. 2014, в 18:04
0

нет ... посмотрим, поможет ли это :)
Joanna Mikalai 09 янв. 2014, в 18:04
0

так что я могу использовать @media print и установить для него «display: none» правильно?
Joanna Mikalai 09 янв. 2014, в 18:06
0

добавили ответ с примером того, как его реализовать, а также ссылку на документацию по MDN.
PlantTheIdea 09 янв. 2014, в 18:09
0

спасибо - кстати, я думаю, я только что узнал, что, если я помещу код CSS в <link rel="stylesheet" href="style.css" type="text/css" /> это не будет работать? Я просто вставлю код в мой header.php
Joanna Mikalai 09 янв. 2014, в 18:12

Показать ещё 3 комментария

Теги:

html

pdf

2 ответа

1

Если вы добавите следующее в свой css, оно больше не будет печатать меню

<style>
    @media print {
        #menu {
        display: none;
        }
    }
</style>

Dick van den Brink 09 янв. 2014, в 16:25

Ещё вопросы

Вы не слышали о @media print стилей @media print ?
нет ... посмотрим, поможет ли это :)
так что я могу использовать @media print и установить для него «display: none» правильно?
добавили ответ с примером того, как его реализовать, а также ссылку на документацию по MDN.
спасибо - кстати, я думаю, я только что узнал, что, если я помещу код CSS в <link rel="stylesheet" href="style.css" type="text/css" /> это не будет работать? Я просто вставлю код в мой header.php

PlantTheIdea · Accepted Answer · 2014-01-09T15-53-00.000Z

Вот простой пример таблицы стилей печати, чтобы делать то, что вы хотите:

@media print {
    #menu {
        display:none;
    }
}

Внутри этой родительской скобки вы можете делать все, что хотите, с точки зрения CSS, но это скроет div вы хотите скрыть.

Вот документация MDN на @media, которая включает печать.