Визуализация маркера элемента списка в столбце - PullRequest
0 голосов
/ 03 мая 2018

Chrome не нумерует элементы списка, когда список отображается в нескольких столбцах.

<!DOCTYPE html>
<html>
<head>
<title>Testing li number in column</title>
</head>
<body>
<ol style="column-count:3">
<li>This is item 1.</li>
<li>This is item 2.</li>
<li>This is item 3.</li>
<li>This is item 4.</li>
<li>This is item 5.</li>
</ol>
</body>
</html>

Вышеуказанный код интерпретируется без нумерации элементов списка, кроме первого столбца.

Есть ли другой способ получить ожидаемый рендеринг (все элементы пронумерованы)? Спасибо

1 Ответ

0 голосов
/ 03 мая 2018

Вам нужно добавить немного CSS, чтобы сделать позицию стиля по умолчанию внутри. Попробуйте:

li {
  list-style: inside decimal;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...