首页 > 解决方案 > 如何制作不调整自身大小的div

问题描述

我有 64 名学生。我想在一页上为每个学生打印一份学生成绩单。我为不同的班级设置了不同数量的科目。当我为 12 个科目调整我的 div 大小时,它非常适合打印 64 页,但是当科目减少时,它会打印更少的页面,因为下一个学生的详细信息会溢出到前一个学生身上。有没有办法让每个div默认占满一页,不管内容是小是大?

标签: javascripthtmlcss

解决方案


使用page-break-beforeyour 上的属性div,您可以在打印网站时强制在该元素之前发生分页符,如下所示:

.student {
    page-break-before: always;
}

这不适用于空的div,但从它的声音来看,这不适用于您的情况。


推荐阅读