0

我想在css下以特定的方式打印一个html页面。但是所有@media 打印示例似乎都有一个外部 .css 文件,我希望能够在没有外部文件的情况下做到这一点,这意味着不会有链接 rel 标签:

 <LINK REL="stylesheet" MEDIA="print...

我该怎么做呢?

4

3 回答 3

1

我建议使用外部样式表,但如果你真的愿意,你可以在与 HTML 相同的页面上执行此操作,例如,

HTML / CSS

<!DOCTYPE html>
<html>
    <head>
         <style>
              @media print {

                   /* changes the display property to none on all 
                      p elements when printed */
                   p { display: none}
              }
         </style>
    </head>
    <body>
         <p>I'm here when the page isn't printed</p>
    </body>
</html>
于 2013-10-23T05:13:19.463 回答
0

@media print在 CSS 样式块中使用查询:

<style>
@media print {
   /* print css here */
}
</style>
于 2013-10-23T05:11:01.797 回答
0

确保您的结束样式标记 () 在 @media 打印查询的末尾和结束标记之间有一个空格。像这样:

@media print {
      stuff {more stuff;}
} </style>

右大括号,空格,然后是结束标记。

于 2015-06-05T17:52:57.400 回答