首頁 >web前端 >css教學 >如何控制 CSS 中項目符號和列表項之間的間距?

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

Linda Hamilton
Linda Hamilton原創
2024-12-11 15:39:16350瀏覽

How Can I Control the Spacing Between Bullets and List Items in 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中文網其他相關文章!

    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn