透过last-of-type属性避免最后一页多一张空白
直接上code (直接看有注解的那几行即可)
.pageDiv{ font-family:DFKai-sb; display:block; position:relative; clear:both; background-image:url(img/lightedu1.png); min-height:26.5cm; border:2px ; background-repeat:no-repeat; background-position: center; page-break-after: always; // 强制换页 } .pageDiv:last-of-type{ // 透过last-of-type属性指定最后一个pageDiv page-break-after: auto; // 取消强制换页 } // 使用 <div class="pageDiv"> <!-- ... --> </div>
网路上有看到有网友是透过last-child来解决,不过就需要多一层父层~~
透过last-of-type就不需要额外多一层父层了~~