Home >Web Front-end >CSS Tutorial >How to disable printing of a page_CSS/HTML
How to disable printing of a page_CSS/HTML
- PHP中文网Original
- 2016-05-16 12:12:093635browse
How to disable printing of pages_CSS/HTML
Solution:
It is impossible to truly disable printing of pages, but if you can set it up to allow users to print Blank can also be regarded as the purpose of prohibiting printing.
Specific steps:
Code example:
<html>
<head><title>不可打印的页面</title>
<style>
@media print{
body{display:none}
}
</style>
</head>
<body>
文档主要内容
</body>
</head>Note: The CSS defined in the @media print{} rule only takes effect on the page when printed.
Tips: In many forums, a special page is used to print posts. If you can skillfully use the @media print{} rule, you don’t need to create a separate page for printing.
Tips:
@media print{} rules that can be used to print code include all and screen.
Rules similar to @media are shown in Table 2.2.1.
Rule description
@import specifies the imported external style sheet and target media. This rule must be declared first in the style sheet header
@charset to be used in external style sheet files. Specifies the character set used by this style sheet.
@font-face sets the OpenType font embedded in the HTML document (requires IE5+ support)
@media specifies the style sheet rule for the specified media type (requires IE5.5+ support)
Special Tips
Run this example code and then print the web page. The printed result will not include the "main content of the document".
Special Notes
This example mainly uses the @media rule to define the style applied to the page when printing. Print means that the defined CSS is applied to the printer. Similar print media types are also :
all Applied to all types of devices
screen Applied to computer monitors
The above is how to disable printing of page_CSS/HTML content. For more related content, please pay attention to PHP Chinese Net (www.php.cn)!