html – @media print div:如何解决标题上的重叠页面文本?
发布时间:2020-12-14 16:35:10 所属栏目:资源 来源:网络整理
导读:在Firefox中打印页面时,我正在使用@media在每个页面上打印标题.我的css设置如下: @media print { div.printDivHeader { font-family: Arial,Helvetica,sans-serif; font-size: 1.0em; position: fixed; display: block; width: 100%; height: auto; top: 0;
在Firefox中打印页面时,我正在使用@media在每个页面上打印标题.我的css设置如下:
@media print { div.printDivHeader { font-family: Arial,Helvetica,sans-serif; font-size: 1.0em; position: fixed; display: block; width: 100%; height: auto; top: 0; } } 问题是第二页的内容与print div标题重叠. (即,在第二页上,标题不会强制页面内容下降,因此我将文本写入文本).有办法解决这个问题吗? 解决方法
有位置的东西:固定;永远不会推送静态(或相对)内容.要么有造型以确保它们不重叠……或者它们重叠.
见 this example JSFiddle,它使用你的css. 问题出在其他地方. 是否可以共享原始或简化的示例? (你可以使用JSFiddle.) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |