page-break-inside相关内容

Page-break-inside:避免不工作

我的 (Wordpress) 网站有一个打印样式表,我希望图像打印在单个页面上,而不是跨页面拆分.在某些情况下,甚至文本行也被跨页面拆分.我在我的打印样式表中包含了 img {page-break: avoid;) ,但没有运气.我找到了一些以前的答案,但它们有点旧. 是否有一种可靠的方法可以在单个页面上打印中等大小的图像而不是将其拆分到多个页面上?为什么文本行会跨页? 网站:http ..
发布时间:2021-06-21 19:16:24 前端开发

如何使`page-break-inside:避免`与`flex-wrap:wrap`一起很好地工作

我正在尝试使 page-break-inside:避免在使用多行flexbox布局的表单中工作(使用 flex-wrap:wrap ).目的只是为了避免在打印时破坏表格问题. 这在单行flexbox或没有flexbox的情况下都能很好地工作.请参阅 http://jsfiddle.net/MartijnR/nSE3P/1/show/(请注意,未应用flexbox类) 但是,当使用多行f ..

CSS停止表格行内的分页符

我试图避免在可能会经过一页的HTML表格的行内出现分页符。我正在使用Internet Explorer Print Preview以及BCL EasyPDFSDK将其转换为PDF以测试此功能。我将以下CSS样式以各种组合的形式应用于 元素,但是对于每一个元素,我都收到了不想要的结果: td { page-break-inside:avoid!important; white ..
发布时间:2018-06-25 13:43:48 前端开发

heroku上phantomjs中的页面中断内部支持

我有一个使用PhantomJS生成PDF文件的NodeJS应用程序。我的应用程序已部署到Heroku,并使用这个幻像生成包。不幸的是,这个构建包不支持 page-break-inside:避免 CSS属性。 我做了一项调查,并在这个 GitHub问题页面。我已经尝试了他们两个,但不幸的是我不能使用CSS,因为我的页面结构和JavaScript不能正确分页。 上面的GitHub链接中的一 ..
发布时间:2018-06-07 11:16:28 其他开发

page-break-inside被忽略

我从另一个页面动态添加HTML并为其打印样式。然而,当应用于我的元素(它们中的任何一个)时, page-break-inside:avoid; 在打印时似乎不被考虑,即使它显示在样式中。我在Windows上使用Chrome 31 这是我的程序的简化版本( WARNING )的jsFiddle :它在3秒后显示打印预览,要停止此操作,只需将 setInterval ),这是 page-brea ..

Page-Break-inside属性在Chrome中无法使用

我有一个长表数据,其中有许多行和嵌套表。当我打印这个数据时,表和嵌套表的行只是在分页符上断开,意味着表和数据被分成页面,所以我使用下面的CSS属性: - 表tr { page-break-inside:avoid; position:relative; } 但这在我的情况下不工作,你可以看到现场演示: - http://jsfiddle.net/npsingh/ ..
发布时间:2017-01-20 20:00:57 前端开发