如何控制 CSS 中项目符号和列表项之间的间距？

CSS：调节项目符号和列表项之间的距离

问题：

调整项目符号与其列表项之间的水平间距对应的

有序或无序列表中的元素构成了挑战。为了说明这一点，请考虑以下内容：

* Some list text goes
   here.

期望结果：

将空间修改为获取：

*         Some list text goes
          here.

或

*Some list text goes
 here.

解决方案：

将列表项的内容包含在具有相对定位的span元素内。可以操纵 span 的 left 属性来控制所需的间距。

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>

以上是如何控制 CSS 中项目符号和列表项之间的间距？的详细内容。更多信息请关注PHP中文网其他相关文章！