如何控制 CSS 中項目符號和列表項目之間的水平間距？

控制項目符號和

之間的水平間距在CSS 中

使用有序或無序列表（

或

）時，您可能想要修改項目符號在其關聯的
• 之前佔據的水平空間量。預設情況下，項目符號會建立一致的縮排。但是，您可以根據需要自訂此間距。

  為了解決您的問題，答案在於利用具有相對定位的 span 元素。將內容括在一個範圍內並套用「left」屬性來調整間距。

  li span {
    position: relative;
    left: -10px;  /* Adjust this value to control the spacing */
  }

  例如，要在文字之前創建額外的空間，您可以實現以下內容：

  <ul>
    <li><span>item 1</span></li>
    <li><span>item 2</span></li>
    <li><span>item 3</span></li>
  </ul>

  這種方法允許您微調項目符號和

• 之間的水平間距。元素，為您的清單設計提供更大的靈活性。

以上是如何控制 CSS 中項目符號和列表項目之間的水平間距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！