`page-break` для` <ol>`с пользовательскими счетчиками - PullRequest
0 голосов
/ 06 апреля 2020

Я использую эти стили для создания <ol> s, которые используют буквы в скобках.

  ol.letters {
    counter-reset: list;
  }
  ol.letters > li {
    list-style: none;
    position: relative;
  }
  ol.letters > li::before {
    display: block;
    position: relative;
    left: -1.75rem;
    width: 0;
    height: 0;
    counter-increment: list;
    content: "(" counter(list, lower-alpha) ") ";
  }

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

  (b)

  ============ page-break ============

       This is stuff for (b).

Я пытался добавить break-after/break-before: avoid к li::before и li и li > *:first-child, но ни один не работает. Я также хотел бы избежать @counter-style. Как сделать так, чтобы счетчик и контент никогда не разделялись?

  ============ page-break ============

  (b)  This is stuff for (b).
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...