css - 什么是最有用的媒体 ="print"特定的、跨浏览器兼容的 css 属性？

Question

什么是最有用的 media="print" 特定的、跨浏览器兼容的 CSS 属性？

我认为我们有这 5 个特定于打印的属性。

1. 分页前
2. 分页后
3. 内部分页
4. 寡妇
5. 孤儿

请解释何时何地使用这些？哪些跨浏览器兼容？除了 display:none 之外，还有哪些其他常见的 CSS 属性可以用于打印？

Answer 1

我使用著名的 A 列表分开文章 ( CSS Design: Going to Print ) 和 this article当我需要制作页面的可打印版本时。有一些常见的标签，但很大程度上取决于您使用的 css 模型(以及容器填充和边距):

body {
   background: white;
   font-size: 12pt;
   }
#menu {
   display: none;
   }
#wrapper, #content {
   width: auto;
   margin: 0 5%;
   padding: 0;
   border: 0;
   float: none !important;
   color: black;
   background: transparent none;
   }
div#content {
   margin-left: 10%;
   padding-top: 1em;
   border-top: 1px solid #930;
   }
div#mast {
   margin-bottom: -8px;
   }
div#mast img {
   vertical-align: bottom;
   }
a:link, a:visited {
   color: #520;
   background: transparent;
   font-weight: bold;
   text-decoration: underline;
   }
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
#content a[href^="/"]:after {
   content: " (http://www.alistapart.com" attr(href) ") ";
   }