打印样式

猿序程

于 2015-06-24 09:27:23 发布

阅读量501

点赞数

CC 4.0 BY-SA版权

分类专栏：打印文章标签：打印样式

本文链接：https://blog.youkuaiyun.com/wei_jie_zhang/article/details/46617973

打印专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用CSS针对打印页面定义特定的样式规则，包括隐藏元素、设置分页及调整字体大小等，确保打印效果符合预期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.定义针对打印的样式

<style media="print" type="text/css">
        .Noprint{display:none;}
        .PageNext{page-break-after:always;}
        
        .rightBox2{ width:960px; float:none;}
        .Box_3{ border:0px;}
        .articleTitle{ font-size:28px; font-weight:bold;}
        .articleInfo{ font-size:20px; margin:30px 0;}
        .content{ font-size:22px; line-height:1.7em;}
        .content a,.content span,.content p{ font-size:22px; line-height:1.7em;}        
</style>

2.打印的字体大小

标题：28px

内容：22px

line-height：1.7em

比较小的字：20px