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。