用Css指定打印标签

有两个地方需要注意：
1.CSS的@media print {}里面添加不需要打印（display:none） 和 要打印（display:block） 的DIV；
2.如果页面有导航条的话，最好给页面的导航条一个id，这样在打印的时候，才不会出现导航条

  <style>
    
        @media print {
          /*指定不显示的div*/
            .doc-comment {display: none;}
          /*指定显示的div*/
            .startPrinting {display: block;} 
         
    </style>

用Css指定位置分页

page-break-before（指定元素前添加分页符）

CSS page-break-after 属性


@media print {
    h1 {page-break-before: always;}

 

# css # 前端 # html
Logo
天工造物局

北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台

更多推荐

Handy 离线语音转写教程：免费开源，本地跑不连网

你肯定遇到过：语音输入 5 分钟，云转写服务要登录、要付费；或者出差没网，想口述一段会议纪要，发现全都没法用。Handy 离线语音转写工具就是为解决这个问题做的，声音全程不出你的电脑。## 🎯 这个工具是什么Handy 是一款免费、开源、跨平台（Windows / macOS / Linux）的离线语音转写应用。按住快捷键说话，松手后文字直接粘贴进任意输入框，全程不联网。核心能力就三条：

avatar 天工造物局

Supabase Edge Functions 编写与部署完整指南：Deno 运行时上的无服务器利器

Supabase Edge Functions 是基于 Deno 运行时编写、面向 Web 的无服务器函数服务，帮你把后端逻辑部署到全球边缘节点。作为 Postgres 开发平台的核心能力之一，它让你用 TypeScript 就能快速搭建低延迟的 API 端点、Webhook 接收器和 AI 集成服务，无需管理任何服务器。本文将从零带你完成一个 Edge Function 的创建、本地调试与全球部

avatar 天工造物局

霞鹜文楷完整指南：一款免费商用开源楷体中文字体，如何覆盖两万字库

霞鹜文楷（LXGW WenKai）是一款免费开源中文字体，基于日本 FONTWORKS 公司发布的 Klee One 日文字体衍生而来。它覆盖 CJK 统一汉字基本区 20992 个字和扩展 A 区 6592 个字，补全了 2376 个常用谚文音节，还提供专门的等宽（Mono）版本；在 SIL Open Font License 1.1 许可下，个人和企业都能免费商用。## 霞鹜文楷是什么：为

avatar 天工造物局