列出子弹,如1)2)3)

Question

我需要使用CSS这种类型的子弹

1)Lorem ipsum dolor坐下来,精神恍惚

2)Lorem ipsum dolor坐下来,精神上的adipistur elipisicing elit

3)Lorem ipsum dolor坐下来,精神恍惚

有谁对此有所了解？

Answer 1

使用CSS计数器.计数器增量CSS属性用于将CSS计数器的值增加给定值.可以使用计数器重置CSS属性重置计数器的值.试试这个

ol {
  counter-reset: item;
  list-style-type: none;
}

ol li:before {
  content: counter(item) ")";
  padding-right: 5px;
  counter-increment: item
}

<ol>
  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
</ol>