Я использую эти стили для создания <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).