我想在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>
右大括号、空格,然后是结束标记。