CSS分頁屬性

Question

我試圖使用CSS分頁屬性來避免標題跨度後的分頁符。在HTML如下：

<div class="cnx-eoc free-response"> 
    <div class="title"> 
    <span>Review Questions</span> 
    </div> 
</div> 

我聲明的CSS規則如下：

div.cnx-eoc.free-response > div.title { 
    page-break-inside: avoid; 
    page-break-after: avoid; 
} 

這個解決方案應該工作，但是我沒有得到預期的結果。有什麼建議麼？

Answer 1

如果我沒有錯，你試圖在span上使用它。但是，page-break-after CSS屬性應用於塊級元素。參考：page-break-after。