资讯专栏INFORMATION COLUMN

网页打印实践及参考资料推荐

Charlie_Jade / 2874人阅读

摘要:难度系数简单关键词实践处理前截图处理后截图实践小结第一次接到网页要提供打印,可能会有些不知所措,我这里只说下遇到表格图像列表项内容在尾部被断开的问题处理。

难度系数:简单
关键词:css print
实践

处理前截图:

处理后截图:

实践小结

第一次接到网页要提供打印,可能会有些不知所措,我这里只说下遇到表格、图像、列表项内容在尾部被断开的问题处理。

方案选用的是直接调用window.print()方法;

本次用到的只是处理固定块内容不被截断,对于不想被断开的元素设置css值page-break-inside: avoid,例如:

.vo-cnt-list{
    li{
        page-break-inside: avoid;
    }
}
备注

需要了解更详细的,可以参考 web打印的几种方案 和打印样式设计 。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/113158.html

相关文章

  • 前端开发清单

    摘要:它基于前端开发人员多年的经验沉淀,以及其他优秀的开源清单。在上投票或推荐来帮助前端清单的推广。跨站点请求伪造防范清单跨站脚本攻击页面或网站没有攻击的可能性。 原文地址:Front-End-Checklist 原文作者:David Dias 译者:JohnsenZhou 文章地址:https://github.com/JohnsenZhou/Front-End-Checklist...

    W_BinaryTree 评论0 收藏0
  • 前端开发清单

    摘要:它基于前端开发人员多年的经验沉淀,以及其他优秀的开源清单。在上投票或推荐来帮助前端清单的推广。跨站点请求伪造防范清单跨站脚本攻击页面或网站没有攻击的可能性。 原文地址:Front-End-Checklist 原文作者:David Dias 译者:JohnsenZhou 文章地址:https://github.com/JohnsenZhou/Front-End-Checklist...

    ermaoL 评论0 收藏0
  • 前端开发清单

    摘要:它基于前端开发人员多年的经验沉淀,以及其他优秀的开源清单。在上投票或推荐来帮助前端清单的推广。跨站点请求伪造防范清单跨站脚本攻击页面或网站没有攻击的可能性。 原文地址:Front-End-Checklist 原文作者:David Dias 译者:JohnsenZhou 文章地址:https://github.com/JohnsenZhou/Front-End-Checklist...

    pubdreamcc 评论0 收藏0
  • 前端开发清单

    摘要:它基于前端开发人员多年的经验沉淀,以及其他优秀的开源清单。在上投票或推荐来帮助前端清单的推广。跨站点请求伪造防范清单跨站脚本攻击页面或网站没有攻击的可能性。 原文地址:Front-End-Checklist 原文作者:David Dias 译者:JohnsenZhou 文章地址:https://github.com/JohnsenZhou/Front-End-Checklist...

    frontoldman 评论0 收藏0
  • 自定义元素探秘构建可复用组件最佳实践

    摘要:若自定义元素标签名称不可用则摒弃。总之,自定义元素让开发者的代码更易理解和维护,并分割为小型,可复用及可封装的模块。被称为自定义元素接口,虽然现在仍然可用,但是已经被弃用并被认为是糟糕的实现。 原文请查阅这里,略有删减,本文采用知识共享署名 4.0 国际许可协议共享,BY Troland。 这是 JavaScript 工作原理第十九章。 概述 在 前述文章中,我们介绍了 Shadow ...

    CoorChice 评论0 收藏0

发表评论

0条评论

Charlie_Jade

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<