html – Page-break-inside:避免不工作
发布时间:2020-12-14 18:39:27 所属栏目:资源 来源:http://74.220.217." />
导读:我有一个用于我的(WordPress)网站的打印样式表,我想要在单个页面上打印图像而不是在页面上拆分.在某些情况下,甚至文本行都在页面之间分割.我在我的打印样式表中包含了img {page-break:avoid;),但没有运气.我找到了一些以前的答案,但它们有点老了. 是否有可
我有一个用于我的(WordPress)网站的打印样式表,我想要在单个页面上打印图像而不是在页面上拆分.在某些情况下,甚至文本行都在页面之间分割.我在我的打印样式表中包含了img {page-break:avoid;),但没有运气.我找到了一些以前的答案,但它们有点老了.
是否有可靠的方法在单个页面上打印中等大小的图像而不是在页面上拆分?为什么文本行跨页? 网站:http://74.220.217.211/housing-developments/grafton-townhomes/ 相关文章: > Print styles: How to ensure image doesn’t span a page break 解决方法
试试这个:
.site-container,.site-inner (heck body tag possibly) {position:relative;} p { page-break-inside: avoid; position: relative; } 检查这个FIDDLE 在打印介质中添加它 我只是在Chrome中查看它,它看起来很好,减去了还需要这个的图像: img { page-break-before: auto; page-break-after: auto; page-break-inside: avoid; display: block; } 最后Wordpress有这个,但实际上不确定它是否有帮助…… <!--nextpage--> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |