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 。