Любой способ узнать высоту страницы, используя только CSS

Question

У меня есть код что-то вроде этого

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

Я изменил элементы span, отображаемые как блочные элементы, так как я хочу, чтобы они отображались один под другим.

Два элемента span должны объединяться в печатных СМИ в IE 7 при всех уровнях масштабирования и только с использованием CSS.

Я пробовал разрыв страницы до: избегать и разрыв страницы после: избегать, но не повезло.

Итак, я хотел бы знать, можем ли мы определить высоту страницы с помощью css и переместить элемент на следующую страницу, если текущий div превышает длину страницы?

вот 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;
    }

Спасибо