html - CSS:@media 打印没有外部 css 文件?

标签 html css printing styles media

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

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

我该怎么做?

最佳答案

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

关于html - CSS:@media 打印没有外部 css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19533186/

相关文章:

javascript - 测试点击是否在 div 及其所有子元素中

java - System.out.println() 中的 toString() 方法两次调用?

java - 打印数组的所有字符串

python - lxml 解析 html 返回空结果,而 beautifulsoup 返回合理的解析

css - Div 以另一个 div 为中心

html - CSS水平菜单使用 float 和内联显示给包含元素一个高度

html - 如何在 IE8 中的列表标记外显示左边框?

html - 将可变数量的 div float 到左/右列中

javascript - Bootstrap nav-tabs 当 URL 内容 à id (#/mypage/:id)

javascript - 当我使用 jQuery 时,如何有效地控制打印网页的哪一部分?