html - 如何使用 CSS 使页脚可见以进行打印？

Question

我有一个包含一些数据和内容的页面。我想制作一个显示内容和页脚的打印版本，而不用担心页眉。

我没有为打印而编写另一个页面，而是阅读了有关“@media print”的 CSS 功能的信息。

首先，哪些浏览器支持它？由于这是一项内部功能，因此只要最新的浏览器支持它就可以了。

我正在考虑用“可打印”类标记一些 DOM 元素，并且基本上应用“display:block”。这可行吗？

我如何实现这一目标？

编辑:这是我目前所拥有的:

/* Print Style - SuccinctNate */

@media print {
* {display:block;}
.printable, .printable > * {display:block;}

#footer {display:block;}

}

Answer 1

您的代码似乎是正确的。您可以将 display:block 设置为要在打印件上显示的元素，并将 display:none 设置为其他所有元素。

 @media print {
           * { display:none }
           .item_i_want_to_print { display:block;}
 }

或者你可以隐藏那些你不想出现在打印品上的东西

 @media print {

           .item_i_do_not_want_to_print { display: none;}
 }

它与所有浏览器兼容。所以放心使用吧

在这里查看更多: media print