我在客户的网站上为可印刷的小册子做一些样式,可能包含长期无序的信息列表.
我的问题是在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不提供你的灵活性.