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

概述我在客户的网站上为可印刷的小册子做一些样式,可能包含长期无序的信息列表. 我的问题是在Firefox中打印整个< UL>将打破一个新页面,而不是它的孩子< li>的拆分,这意味着它不会与页面上的其他内容流动. 我发现CSS属性page-break-inside仅在Opera和IE8中受支持,有人知道这个属性的另一种方法,或者另一种可以用来阻止整个列表打破新页面的方法. 干杯! UPDATE [23 我在客户的网站上为可印刷的小册子做一些样式,可能包含长期无序的信息列表.

我的问题是在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 – 打印长列表时如何避免页面打破全部内容，希望文章能够帮你解决html – 打印长列表时如何避免页面打破所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。