打印或打印预览时,如何使用不同的CSS?

时间:2011-07-03 17:05:49

标签: css

我想在我的网页上更改一些内容。我也想隐藏一些东西。我打印时有没有办法用CSS做到这一点?特别是我希望能够隐藏一些DIV及其包含的所有内容。

4 个答案:

答案 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)

答案 3 :(得分:2)

我用过

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

实现这一目标。将#ids或.classes分配给您不想显示的元素。并对print.css样式表中的那些元素使用 display:none