回答情况：
提问时间：
问题标签：
@media print { break-inside: avoid;}有什么合理的方法将这两个特性结合起来吗？编辑:应Brett的要求，这里是一个带有最少复制内容的jsfiddle ，如果您使用该html和css并同时删除display:grid和break-inside，则打印预览显示它在div中断开。添加break-inside是有效的
浏览 4修改于2022-07-11得票数 0
<div style='page-break-inside:avoid; break-inside: avoid; -webkit-column-break-inside: avoid;'>while ($row = mysql_fetch_array($result)) {
$html .= "<div style='page-break-inside:avoid; break-inside>stream("$filename.pdf&qu
浏览 2修改于2015-04-08得票数 3
在两列框(column-count: 2)中，CSS设置break-inside: avoid应避免某些内容从一列中断到另一列。这在火狐和Chrome中很好(使用适当的-webkit.)，但不在中。下面是一个例子：我没有找到IE不支持break-inside的任何信息，正好相反： column-gap: 1.6em;.container { margin: 0.2em 0;
<
浏览 7修改于2016-04-27得票数 4
回答已采纳
我使用的是Chrome v99和break-inside: avoid的基本用法--但它什么也不做。<style media="screen" type="text/css"> div.opt, table {
break-inside只需按CTRL+P键，观察到它会在div的中间用一个opt类分页，但它不应该这样做，因为我使用的是break-inside: avoid
浏览 2修改于2022-03-18得票数 1
回答已采纳
> <td style="break-inside: avoid; border: 1px solid black> </td>
<td style="break-inside: avoid; border: 1px solid black; padding: 5px; line-height: 1.5rem可能是另一种将html转换为尊重<em
浏览 8修改于2020-10-16得票数 3
回答已采纳
1.6em; column-gap: 1.6em;} break-insideNext column <div class="container"> </div>
如何让break-insidebreak-i
浏览 3修改于2017-11-19得票数 1
回答已采纳
; width: 250px; -webkit-column-break-inside: avoid;}
width: 250px; -webkit-column-break-inside: avoid;}
width: 125px;
height: 125px
浏览 2修改于2016-07-18得票数 2
回答已采纳
，它们总是失去颜色，我使用： @media print { -webkit-break-inside: avoid;
break-inside
浏览 49提问于2021-01-16得票数 1
body { column-count: 2; break-inside:avoid-column;
#right_col位于"left_col“目录中，该目录被设置为CSS "break-inside:avoid- column "，但它出现在第二列的顶部。确实很奇怪。对于为什么会这样，有什么建议吗？
浏览 0提问于2019-07-25得票数 0
因此，我尝试在名为"testVal“的div上使用break-inside，但仍然不起作用。 我试图打印一页，但其中一个div被剪切了： ? 我用我的风格做了这样的突破： export const TestVal = styled.div`page-break-inside: avoid;
break-inside
浏览 14提问于2020-01-24得票数 0
回答已采纳
它在Chrome和IE上运行良好，使用：break-inside: avoid-column;
我能做什么它在Chrome中的外观：例如：#columnasFooter{} break-inside: avoid-column
浏览 0修改于2021-09-13得票数 9
3回答
/ normal helvetica, arial;/*#CAPTION_8, #CAPTION_53*/
border-collapse: collapse;} border-collapse: collapse;
break-insidenormal 12px / normal hel
浏览 0提问于2016-12-22得票数 2
我有这个css代码： .parent {} page-break-inside:avoid;
break-inside
浏览 12修改于2020-03-22得票数 0
.print-page:first-child{ break-after: avoid-page;.print-page:first-child{ break-after: avoid-page;
break-inside
浏览 2修改于2021-05-26得票数 0
我要做的就是获得元素在页面中的位置，这样我就可以插入适当的分页符，基本上是为了完成CSS " page -break-inside: avoid“属性在实现时所做的事情。
浏览 1提问于2009-11-05得票数 0
我的页面中有图片，我正在使用css break-inside: avoid; 以避免在分页符上剪切图像。但每当图像因此而向下移动时，它就会与之后的内容重叠(请参阅附件中的图像)。 ?
浏览 13提问于2020-09-18得票数 0
我使用了样式属性page-break-after和page-break-before和page break-inside，但都不起作用。 ?
浏览 25修改于2020-11-08得票数 3
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号