如何在沒有父DIV 的情況下將無序列表居中

在CSS 中，將無序列表(

)居中，同時保持left-如果不使用父div，對齊清單項目可能會很有挑戰性。以下是實現此效果的方法：

提供的程式碼片段，帶有父 div，在 div 上使用 text-align: center 並在 ul 上使用 display: inline-block 使清單居中。但是，此方法需要父 div 包裝器。

要在沒有父div 的情況下居中無序列表，無法有效使用margin 和text-align 等CSS 屬性，因為

沒有固定寬度.

解決方案在於使用display : table 將

設定為表格。這將建立一個類似表格的結構，其中行由清單項目 (
• ) 定義。透過在
  上設定 margin: 0 auto，表格（即清單）將在其包含的元素內居中。

  以下是實現此效果的 CSS 程式碼：

  ul {
    display: table;
    margin: 0 auto;
  }

  為了示範，這裡有一個使用提供的 HTML 但沒有父 div 的程式碼片段：

  
  
  
    
  
      
  56456456
      
  4564564564564649999999999999999999999999999996
      
  45645
    
  
  
  

  此程式碼將使無序列表在頁面上居中，同時仍保持清單項目保持對齊。