我最近陷入了这个问题,即chrome表现得很糟糕而且不遵守任何CSS规则。
在我的页面中,我有大部分,我不想在打印时打破。 以下是代码
body.index .section{
page-break-inside: avoid;
-webkit-region-break-inside: avoid;
}
除了CHROME之外,它适用于所有其他浏览器。 在chrome中,它看起来像
红色部分显示div破坏。
PS:我模糊了页面以避免任何问题。
答案 0 :(得分:0)
尝试将position: relative
添加到该部分。
body.index .section{
position:relative;
page-break-inside: avoid;
-webkit-region-break-inside: avoid;
}