print html на странице A4, носитель не работает

У меня есть требование распечатать html-страницу в формате A4, плюс я хочу напечатать распечатку содержимого тела вместе с css, html и списком меню игнорирования, заголовком, нижним колонтитулом и правым меню страницы список.print html на странице A4, носитель не работает

Чтобы начать с этого, я представляю простой div и класс noprint и добавляю это в печать @media, но кажется, что он не работает. Класс noprint работает вне печати @media, поэтому я знаю его правильно.

Также мое требование печатать непосредственно из браузера, используя стандартный Ctrl + P вариант клавиатуры

<style type="text/css"> 

    .standardStyle { 
     display:block; 
     width:200px; 
     height:150px; 
     padding:10px; 
     background-color:green; 
     margin:5px; 
    } 

    @media print{ 
    .noprint{ color:red;} 
    } 

</style> 

</head> 
<body> 

<div class="noprint standardStyle"> 
    this is test line.... 
</div> 

<div class="print standardStyle"> 
    this is test line.... 
</div> 

<div class="print standardStyle"> 
    this is test line.... 
</div>

источник

2016-03-22 toxic

Выполните фрагмент и нажмите Ctrl + P , вы увидите линию красного цвета. Скриншот:

@media print { 
 
     .noprint { color:red; } 
 
}

<div class="noprint"> 
 
     this is test line..... 
 
</div>

источник

2016-03-22 16:42:59 Tushar

спасибо, что это сработало .... – toxic

@media print 
{  
    .noprint{  
    display: none !important;   
    }  
}

источник

2016-03-22 16:39:17

Большинство браузеров не печатать фоновые цвета и изображения фона по умолчанию. Я предполагаю, что вам не хватает зеленого фона - вот почему.

Обычно это можно активировать в диалоговом окне печати браузера, но чтобы заставить фон быть напечатан, вы можете только добавить !important к настройкам, которые не отображаются должным образом в печати.

источник

2016-03-22 16:51:01 Johannes

print html на странице A4, носитель не работает

ответ

Смежные вопросы