iT邦幫忙

0

[筆記,css]解決page-break-after: always列印會多一頁空白頁

舜~ 2019-10-09 08:21:002562 瀏覽

透過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就不需要額外多一層父層了~~


尚未有邦友留言

立即登入留言