如何刪除 CSS 中不需要的清單縮排？

使用 CSS 刪除清單縮排：綜合指南

無序列表中不需要的縮進，尤其是換行時，可能會令人沮喪。這是解決此問題的深入解決方案。

在您的範例中，由於使用了 float: left on

而發生縮排。元素。這將創建一個水平填充空間的區塊級元素。此外，在父容器 #info 上使用邊距也可能會導致縮排。

要消除縮進，請實作以下 CSS：

ul {
    padding: 0;
    list-style-type: none;
}

此程式碼會刪除任何填入可以存在於

中。元素並隱藏預設清單項目符號。

您可能之前嘗試將邊距和填充設為零，但僅此可能還不夠。透過將

上的兩個屬性設為零，並調整
• 的浮動和寬度屬性元素，您可以消除不需要的空間：

  ul {
      padding: 0;
      list-style-type: none;
  }
  
  li {
      float: none;
      width: auto;
  }

  結合這些樣式更改，您可能需要調整父容器#info 的邊距或位置以實現所需的佈局。

  這是HTML/CSS 的修訂版本，其中包含建議的變更：

  <div>

  #info {
    color: #FFFFFF;
    margin: 0 auto;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #FFF;
    padding: 20px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#cccccc));
    overflow: hidden;
  }
  
  ul {
      padding: 0;
      list-style-type: none;
  }
  
  li {
      float: none;
      width: auto;
  }

  應用這些變更後，不需要的縮排應該消失，將清單項目與左邊緣對齊。

以上是如何刪除 CSS 中不需要的清單縮排？的詳細內容。更多資訊請關注PHP中文網其他相關文章！