Что такое большинство полезных медиа = “печать” определенный, перекрестный браузер совместимые свойства CSS?
Что является самым полезным media="print"- конкретный, cross-browser-compatible свойства CSS?
Я думаю, что у нас есть эти 5 свойств для конкретной печати.
- page-break-before
- page-break-after
- page-break-inside
- висячие строки
- висячие строки
Объясните, когда и где использовать их? Которые являются перекрестным совместимым браузером? и то, что является другими общими свойствами CSS, может быть полезным в печати, кроме display:none?
3 ответа
Я использую знаменитую статью со списком A ( CSS Design: Going to Print ) и эту статью , когда мне нужно сделать версию страницы для печати. Есть несколько общих тегов, но многое зависит от используемой модели 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) ") ";
}
Крис Койер на css-tricks.com написал замечательную статью об этом: http://css-tricks.com/css-tricks-finally-gets-a-print-stylesheet/
Я использую следующее:
/* Browser will TRY to avoid spanning content within across a page */
tr, td, th {page-break-inside:avoid}
/* Repeat table headers when table spans a page */
thead {display:table-header-group}
/* Apply to anything you don't want to print */
.NoPrint {visibility:hidden; display:none}