难度系数:简单
关键词:css print
实践
处理前截图:
处理后截图:
实践小结
第一次接到网页要提供打印,可能会有些不知所措,我这里只说下遇到表格、图像、列表项内容在尾部被断开的问题处理。
- 方案选用的是直接调用window.print()方法;
- 本次用到的只是处理固定块内容不被截断,对于不想被断开的元素设置css值
page-break-inside: avoid
,例如:
.vo-cnt-list{
li{
page-break-inside: avoid;
}
}
备注
需要了解更详细的,可以参考 web打印的几种方案 和打印样式设计 。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。