html 计算元素进行分页,html – 防止2个div元素之间的分页符
时间: 2024-02-18 20:06:05 浏览: 177
要在HTML中实现元素的分页,可以使用CSS的分页属性(page-break)来控制页面的分页。例如,可以使用以下CSS样式将一个元素分成多个页面:
```
@media print {
.page {
page-break-after: always;
}
}
```
这将通过在每个元素的末尾添加分页符来将元素分成多个页面。
而要防止两个div元素之间出现分页符,可以使用CSS的避免分页属性(page-break-inside)。例如,可以使用以下CSS样式来禁止在两个div元素之间插入分页符:
```
@media print {
.no-page-break {
page-break-inside: avoid;
}
}
```
这将告诉浏览器在两个带有“no-page-break”类的div元素之间不插入分页符。
相关推荐
通过JS实现在页面分页.
<script>
var a = document.getElementById("all").getElementsByTagName("div");
var zz =new Array(a.length);
for(var i=0;i <a.length;i++){
zz[i]=a[i].innerHTML;
} //div的字符串数组付给zz
var pageno=1; //当前页
var pagesize=3; //每页多少条信息
if(zz.length%pagesize==0){
var pageall =zz.length/pagesize;
}else{
var pageall =parseInt(zz.length/pagesize)+1;
} //一共多少页
function change(e){
pageno=e;
if(e<1){ //如果输入页<1页
e=1;
pageno=1;//就等于第1页 , 当前页为1
}
if(e>pageall){//如果输入页大于最大页
e=pageall;
pageno=pageall;//输入页和当前页都=最大页
}
document.getElementById("all").innerHTML="";//全部清空
for(var i=0;i["+j+"]";
}else{
ye=ye+"["+j+"]";
}
}
document.getElementById("a1").innerHTML=pageall;
document.getElementById("a2").innerHTML=pageno;
document.getElementById("a3").innerHTML=ye;
}
change(1);
</script>