Печать css

Когда я использую css для печати в формате pdf для ex. содержимое моей веб-страницы печатает больше, чем мне нужно, например, заголовок, нижний колонтитул, например, мою веб-страницу, ярлыки, дату ... и т. д., которые я не хочу печатать ?!Печать css

Вот пример:

<html> 
    <body> 
    <img src="Snapshot_20120326.jpg"/> 
    <h1>Mezoo</h1> 
    <h2>The big member</h2> 
    <button onclick="window.print();">print</button> 
    <style media="print"> 
     h1 ,img { 
     display: block; 
     } 

     h2, button{  
     display: none;  
     }  
    </style>  
    </body> 
</html>

источник

2012-03-28 Moaataz

Вы, к примеру, немного перепутались, и вы, вероятно, должны его исправить ... Но для начала положите таблицу стилей в 'head', а не' body', это не предполагается идти в тело. – joshuahealy

Это может быть полезно [http://stackoverflow.com/questions/9423392/print-css-not-working-correctly/9423423#9423423](http://stackoverflow.com/questions/9423392/print-css- не работает/правильно/9423423 # 9423423) – Dips

Rememeber принимает правильные ответы –

Вы можете использовать медиа-тег на ссылку.

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

Печать css затем может отключить видимость на вещах, которые вы не хотите видеть.

источник

2012-03-28 00:09:53

Вместо стиля? – Moaataz

Это, вероятно, лучше всего установить @media стили печати в отдельный CSS стилей ...

Так, например, чтобы скрыть заголовок:

@media print { 
.header, .hide { visibility: hidden } 
}

Вы можете узнать больше о средствах массовой информации stinging здесь: http://www.w3.org/TR/css3-mediaqueries/

источник

2012-03-28 00:17:12 ERose

Печать css

ответ

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