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 。