[笔记,css]解决page-break-after: always列印会多一页空白页

透过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就不需要额外多一层父层了~~


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章