Используйте комбинацию тегов MEDIA в CSS для отображения / скрытия объектов для печати.
<STYLE type="text/css">
@media print {
.PrintOnly {font-size: 10pt; line-height: 120%; background: white;}
}
@media screen {
.PrintOnly {display: none}
}
</STYLE>
Вы можете создавать элементы управления в стиле Display:none
на экране мультимедиа, чтобы пользователь мог видеть их только при печати.
<DIV class="PrintOnly">
This control will only show up during printing
</DIV>
Любой из ваших элементов управления может быть классифицирован как «PrintOnly», поэтому вы можете видеть их только при печати.Вам просто нужно определить класс css один раз для "@media screen" и один раз для "@media print", чтобы убедиться, что они ведут себя по-разному.
Вы также можете ввести всю таблицу стилей только для печати.
<LINK rel="stylesheet" type"text/css" href="screen.css" media="screen">
<LINK rel="stylesheet" type"text/css" href="print.css" media="print">