CSS：控制项目符号和<li>之间的空间

小编典典

CSS：控制项目符号和<li>之间的空间

html

我想控制子弹<li>在<ol>或中向右推动多少水平空间<ul>。

也就是说，不是总有

*  Some list text goes
   here.

我希望能够将其更改为

*         Some list text goes
          here.

要么

*Some list text goes
 here.

阅读 366

2020-05-10

共1个答案

小编典典

将其内容放在span相对位置的，然后可以通过的left属性控制空间span。

li span {

  position: relative;

  left: -10px;

}


<ul>

  <li><span>item 1</span></li>

  <li><span>item 2</span></li>

  <li><span>item 3</span></li>

</ul>

2020-05-10