Fatal编程技术网
  • html/
  • Html div元素的分页符之后/分页符之后属性

Html div元素的分页符之后/分页符之后属性

html css

Html div元素的分页符之后/分页符之后属性,html,css,Html,Css,我的html具有这种结构： <div> <div class="pagebr">content1</div> <div class="pagebr">content2</div> <div class="pagebr">content3</div> <div class="pagebr">content4</div> <div class="p

我的html具有这种结构：

<div>
    <div class="pagebr">content1</div>
    <div class="pagebr">content2</div>
    <div class="pagebr">content3</div>
    <div class="pagebr">content4</div>
    <div class="pagebr">content5</div>
    <div class="pagebr">content6</div>
    <div class="pagebr">content7</div>
</div>
每个div移动到下一个新页面，在
div
元素后创建空白。 
之前的分页符：始终执行相同的操作，并且
在：auto之后分页符不再工作

我应该如何为Div元素添加类，以便它们可以在不中断的情况下适合每个页面？还是有其他解决办法

感谢您的帮助。

谢谢。
如果页面中有动态元素，页面内容将无法放入页面中。如果要避免在div中出现分页符，可以指定
page break-inside:avoid类似下面的示例



div.pagebr
{
内部分页符：避免；
}



内容1
内容2
内容3
内容4
内容5
内容6
内容7

您真正想要什么？

div.pagebr
{
    page-break-after:always;   
}