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

При печати веб -страницы часто желательно исключить определенные элементы из печати. Например, кнопки или ссылки, которые видны на экране, могут отображаться на печатной версии, создавая нежелательный беспорядок.

Решение: CSS Media Запросы

CSS Media Запросы предлагают решение этой проблемы. Применяя конкретные правила стиля в медиа-запросе для среды «Печать», вы можете управлять видимостью элементов, основанных на том, находится ли распечатка. Код на ваш стиль:

@Media print { . дисплей: нет! Важно; } } это правило гласит, что любой элемент с классом «без приема» будет скрыт, когда браузер находится в режиме печати. ​​

1. применить класс без Print:

   в своем html, добавьте к классу. Например:

   ]

   @media print {
       .no-print, .no-print * {
           display: none !important;
       }
   }

2. пример: