Неустранимый пробел, закрывающий строки текста, когда страница находится в режиме предварительного просмотра.

Question

Существует неустранимый пробел перед разрывом страницы в макете печати для страницы, которую я пытаюсь распечатать.По сути, это список тегов, которые я хочу напечатать с помощью автоматических разрывов страниц.Пробел покрывает 5 или 6 строк текста, которые должны быть там.

Я работаю с представлением WordPress Toolset, которое эффективно отображает список имен.Рендеринг HTML выглядит примерно так:

<p>
<span>Name 1 First <strong>Name 1 Last</strong></span>
<br>
<span>Name 2 First <strong>Name 2 Last</strong></span>
<br>
<span>Name 2 First <strong>Name 2 Last</strong></span>
<br>
<span>Name 3 First <strong>Name 3 Last</strong></span>
<br>
</p>

Это примерно для 23 000 строк текста.Я пытаюсь напечатать все строки текста с помощью запроса печатного СМИ CSS.Поэтому я добавляю «display: none;»к некоторым элементам верхнего и нижнего колонтитула, которые мне не нужны, и у меня есть кнопка, которая использует «window.print ()» для вызова диалогового окна печати. ​​

Этот CSS выглядит следующим образом:

<style>
#print_button
{
  width: 125px;
  float: right;
  padding: 2px;
  font-size: 23px;
}

@media print
{

  * {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        font-size: 100% !important;
        vertical-align: baseline !important;
        background: transparent !important;
    }

  .text_item
  {
    page-break: auto !important;
  }

  @page
  {
    size: A4 !important;
    margin: 1cm !important;
  }

  body
  {
    margin: 0 !important;
  }
  .big-leader,.site-header,.footer-widgets,.site-footer,#print_button
  {
    display: none !important;
  }

  .site-inner
  {
    max-width: 95% !important;
  }

  main,article
  {
    padding: 0 !important;
    margin: 0 !important;
  }

  #wpv-view-layout-XXXX-XXXXXXXXX
  {
    line-height: 1;
  }
}
</style>

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

Я бы ожидал этого, потому что я пытаюсьнапечатайте документ, который является просто строками текста, браузер просто автоматически разбил бы страницы, и мне не нужно было бы делать много.Тем не менее, я обнаружил, что когда я иду на печать страниц, перед каждым разрывом страницы есть пробел, который охватывает 5 или 6 строк текста, которые должны отображаться там.Вот изображение того, как выглядит макет страницы при печати:

Также стоит отметить, что первая строка текста на второй странице также частично покрыта пробелами.почти как пробел со страницы 1 переходит на страницу 2.