css - 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。