CSS list-style-тип не работает

Я поставил list-style-type в CSS, но по какой-то причине он не показывает его.

body {
  margin: 0;
}
ol {
  list-style-type: decimal;
  padding-left: 0;
}
html lang-html prettyprint-override"><ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

5 ответов


из-за вашего сброса заполнения номера фактически находятся слева от страницы. Попробуйте добавить:

list-style-position: inside;

display:list-item;
list-style-position:outside;

это может дать проблему, если список display: атрибут установлен на что-то другое, чем display:list-item;


Decimal по умолчанию для "ol". Нет необходимости объявлять об этом. Также цифры там просто падают со стороны страницы, т. е. невидимы. Отрегулируйте заполнение и избавьтесь от избыточного объявления. посмотреть здесь


Если ничего из этой работы, убедитесь, что у вас нет элементов, явно помеченных как блок отображения внутри LI. Это просто случилось со мной с H4 a, установленным как блок внутри LI. Я собирался подать в отставку!--1-->


просто удалите "display: block;" из вашего элемента li