我有一个hidden-print
课,工作得很好。我想知道,我怎么能用它来隐藏某个css的id呢?例如这里。
<style>
#page-content
{
font-family: 'Source Sans Pro';
font-size: 14px;
line-height: 1.428571429;
color: #4d4d4d;
background-color: #f7f8fa;
margin-left:230px
}
</style>
<div id="page-content">
...
...
</div>
我如何使用hidden-print
专门删除margin-left:230px
?
答案 0 :(得分:0)
根据您的更新添加了样式演示。 @media print下的花括号之间的任何内容都会调整打印的页面外观和布局,而不会影响屏幕外观。
<style>
#page-content
{
font-family: 'Source Sans Pro';
font-size: 14px;
line-height: 1.428571429;
color: #4d4d4d;
background-color: #f7f8fa;
margin-left:230px
}
@media print
{
/* adjust margin */
#page-content
{
margin-left: 0px
}
/* for items you don't want on printed page . . . */
#page-footer
{
display: none;
}
/* any class item which should be altered for printing, such as dark backgrounds which don't always print well. */
.some-element-class
{
background: White;
color: Black;
}
}
</style>