打印時(shí)的生效樣式有兩種寫(xiě)法
1.在head里面的style標(biāo)簽加midia=“print”屬性
<style type="text/css" media="print">
#printHidden{
display: none;
}
</style>
2.在外鏈.css文件中用@media print {}
@media print {
#printHidden{
display: none;
}
}
第一種寫(xiě)法樣式不生效的原因是因?yàn)橛袃?nèi)聯(lián)樣式和style標(biāo)簽里面的樣式?jīng)_突 比如
<head>
<style type="text/css" media="print">
#printHidden{
display: none;
}
</style>
</head>
<body>
<span id="printHidden" style="display:block;font-size:16px;background:red">打印時(shí)隱藏<span>
</body>
這種寫(xiě)法在打印頁(yè)面是可以看到span的 改進(jìn)的辦法就是這樣
<style type="text/css" media="print">
#printHidden{
display: none;
font-size:16px;
background:red
}
</style>
<style type="text/css" >
#printHidden{
display: inline;
font-size:16px;
background:red
}
</style>
</head>
<body>
<span id="printHidden">打印時(shí)隱藏<span>
</body>
大家盡量使用第二種方法，盡量不要使用內(nèi)聯(lián)樣式洛姑。
