IText летающего блюдца колонтитул показывает только на последней странице

У меня есть HTML & CSS используется для создания моей страницы летающего блюдца IText установить, как следующее ...IText летающего блюдца колонтитул показывает только на последней странице

<html> 
    <head> 
     <style type="text/css"> 
      body { padding: 5px; } 

      .footer { 
       position: running(footer); 
       font-size: 11px; 
       text-align: center; 
      } 

      @page { 
       @bottom-center { 
        content: element(footer) 
       } 
      } 

      .pagenumber:before { 
       content: counter(page) 
      } 

      .pagecount:before { 
       content: counter(pages) 
      } 
     </style> 
    </head> 
    <body> 
     <div class="content"> 
      lots of content that spans multiple pages in here... 
     </div> 
     <div class="footer"> 
      Page <span class="pagenumber"></span> of <span class="pagecount"></span> 
     </div> 
    </body> 
</html>

Почему футер только отображение на последняя страница?

источник

2013-11-06 Zack Macomber

Когда «контент» был достаточно мал, чтобы разместить на 1 странице, нижний колонтитул будет отображаться на этой странице. Когда «контент» охватывает несколько страниц, нижний колонтитул будет отображаться только на последней странице.

Оказывается, что мне нужно поместить колонтитул ДО содержание для того, чтобы отображаться на каждой странице ...

<div class="footer"> 
    Page <span class="pagenumber"></span> of <span class="pagecount"></span> 
</div> 
<div class="content"> 
    lots of content that spans multiple pages in here... 
</div>

Похоже, это та же сделка, если заголовки вовлечены .. они должны быть до содержимого страницы.

Некоторые ссылки, связанные с этим (последний из которых является примером правильного формата HTML/CSS):

источник

2013-11-06 20:43:59

Жаль, что я мог upvote это время godzillion! –

IText летающего блюдца колонтитул показывает только на последней странице

ответ

Смежные вопросы