css - 仅使用 css 知道页面高度的任何方法

Question

我有这样的代码

 <table class = "narr_table"> 
    <tr>
      <td> 
            <span> Text 1 </span>
            <span> helper text </span>
      </td>
    </tr>
   ..
   </table>

我将跨度元素显示为块元素，因为我希望将它们显示在另一个下方。

这两个 span 元素应该在 IE 7 的打印媒体中以所有缩放级别放在一起，并且只能使用 CSS。

我尝试了 page-break-before:avoid 和 page-break-after:avoid 但没有运气。

所以，我想知道如果当前 div 超过页面长度，我们是否可以使用 css 识别页面的高度并将元素移动到下一页？

这是我使用的CSS：

    .narr_table tr td span
    {
        display: block;
    }

    .narr_table tr td  span:first-child 
    {
        page-break-after: avoid;
    }

    .narr_table tr td span:first-child + span
    {
        page-break-before: avoid;
    }

谢谢