如何使無序列表水平居中而不影響列表項對齊？

實現無序列表的文字對齊自訂

背景：
垂直和/或水平對齊清單是常見的要求。雖然控制垂直對齊相對簡單，但水平對齊無序列表而不影響其各個列表項對齊可能有點棘手。

挑戰：
在這種情況下，目標是將寬度未知的無序列表(

) 居中，同時保持其列表項(
• ) 左對齊。這排除了使用父 div 包裝器，這將提供一個簡單的解決方案。

  解：
  利用 'display' 屬性，我們可以使用 'table' 值作為無序列表 (

  )。這將列表設為表格並以類似表格的方式對齊其元素。透過將邊距設為 0 auto，我們可以將表格（以及清單）在其父容器中居中。

  程式碼實作：

  <code class="css">ul {
    display: table;
    margin: 0 auto;
  }</code>

  此修改允許無序列表水平居中，同時保留其各個列表項的左對齊。

以上是如何使無序列表水平居中而不影響列表項對齊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！