秀格打印

當比方說，我有秀格打印

<div id="printOnly"> 
    <b>Title</b> 
    <p> 
     Printing content 
    </p> 
</div>

是否有可能隱藏這個div打印時，這個div時，頁面渲染，並只顯示？

來源

2015-06-22 user1765862

可能重複[只打印

？ ]（http://stackoverflow.com/questions/468881/print-div-id-printarea-div-only） –

你需要一些CSS爲

#printOnly { 
    display : none; 
} 

@media print { 
    #printOnly { 
     display : block; 
    } 
}

來源

2015-06-22 07:10:55 nikhil

@media screen 
{ 
    #printOnly{display:none;} 
} 

@media print 
{ 
    #printOnly{} 
}

來源

2015-06-22 07:11:26

根據標記，printOnly是id，並且您在css中使用了類選擇器。 – nikhil

我做了編輯，銳利的眼睛.... nikhil –

感謝您的更新和讚美。 – nikhil

可以將外部CSS樣式表與media="print"屬性：

<link rel="stylesheet" type="text/css" media="print" href="print.css">

來源

2015-06-22 07:11:42 hsz

您應該使用媒體查詢。

你的情況：

#printOnly { 
    display: none; 
} 

@media print { 
    #printOnly { 
     display: block; 
    } 
}

PS到這裏看看http://www.joshuawinn.com/css-print-media-query/對瀏覽器的支持

來源

2015-06-22 07:12:11

我認爲最好的解決辦法是創建一個圍繞非打印的東西的包裝：

<head> 
    <style type="text/css"> 

    #printable { display: none; } 

    @media print 
    { 
     #non-printable { display: none; } 
     #printable { display: block; } 
    } 
    </style> 
</head> 
<body> 
    <div id="non-printable"> 
     Your normal page contents 
    </div> 

    <div id="printable"> 
     Printer version 
    </div> 
</body>

來源

2015-06-22 07:12:38

/*for printer*/ 
@media print { 
    #printOnly { } 
     /* write your css rules*/ 

} 
/*for desktop*/ 
    @media screen { 
    #printOnly { display: none;} 
      /*for all display view*/     
}

來源

2015-06-22 07:16:07 GabrieleU

@media screen { #printOnly:{display:none;} } 
@media print{ #printOnly:{display:block;} }

來源

2015-06-22 08:07:10

你需要媒體查詢

@media screen { /* for screen option*/ 

p { 

     font-family: verdana, sans-serif; 

     font-size: 17px; 

    } 

    }

@media打印{/ *打印和屏幕選項之間切換打印選項*/

p { 

    font-family: georgia, serif; 
    font-size: 14px; 
    color: blue; 
    } 

    }

http://www.w3schools.com/css/css_mediatypes.asp

來源

2015-06-25 07:32:35 sach

回答

相關問題