我想在我的网页上更改一些内容。我也想隐藏一些东西。我打印时有没有办法用CSS做到这一点?特别是我希望能够隐藏一些DIV及其包含的所有内容。
答案 0 :(得分:24)
这可以通过单独的打印样式表来实现。 media
属性是关键:
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
答案 1 :(得分:13)
是的,在包含css时需要使用media
属性。 E.g。
<link rel="stylesheet" href="my_print_style.css" media="print">
或者,您可以在样式表中使用媒体规则,例如,您没有足够的更改来保证全新的样式表。像这样的东西,
@media print {
// print specific styles.
}
有关详细信息和有效的媒体类型,请参阅http://www.w3.org/TR/CSS2/media.html#at-media-rule。
答案 2 :(得分:7)
答案是CSS @media规则:http://www.w3.org/TR/CSS2/media.html#at-media-rule
答案 3 :(得分:2)
我用过
<link href="print.css" type="text/css" rel="stylesheet" media="print">
实现这一目标。将#ids或.classes分配给您不想显示的元素。并对print.css样式表中的那些元素使用 display:none 。