html – 打印长列表时如何避免页面打破

前端之家收集整理的这篇文章主要介绍了html – 打印长列表时如何避免页面打破前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在客户的网站上为可印刷的小册子做一些样式,可能包含长期无序的信息列表.

我的问题是在Firefox中打印整个< UL>将打破一个新页面,而不是它的孩子< li>的拆分,这意味着它不会与页面上的其他内容流动.

我发现CSS属性page-break-inside仅在Opera和IE8中受支持,有人知道这个属性的另一种方法,或者另一种可以用来阻止整个列表打破新页面方法.

干杯!

UPDATE [23.11.2011]:
我可以在我的问题上使用一些工作,因为打印的文档是为了响应用户的选择生成的,所以这个页面只会打印我(非常不情愿)将语义推送到一边,删除了UL,并替换了LI的DIVs,正确打破.这个问题依然存在,对于任何有类似问题但使用相同HTML的打印机屏幕.

我将重现我所遇到的问题,并发布必要的HTML& CSS尽快可以.

解决方法

以编程方式删除打印版本的UL标签.您应该可以让LI元素显示与某些样式相同.

JavaScript甚至jQuery可以很容易地处理这个问题,但我敢打赌你可以照顾这个服务器端.

我知道这不是技术上有效的HTML,但有时你必须弯曲规则,当HTML / CSS不提供你的灵活性.

猜你在找的HTML相关文章