CSS:@media打印,无需外部CSS文件



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

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

我该怎么做?

我建议使用外部样式表,但如果你真的愿意,你可以在与 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>

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

<style>
@media print {
   /* print css here */
}
</style>

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

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

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

相关内容

  • 没有找到相关文章

最新更新