如何在不使用父 div 的情況下將無序列表置中？

在沒有父包裝器的情況下居中無序列表

此問題解決了在不依賴的情況下居中無序列表(

) 的挑戰父div 元素。目標是保持清單項目內的左對齊 (
• )。

  解：

  以下CSS 程式碼有效地將清單居中，同時保持左對齊對於清單項目：

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

  登入後複製

  說明：

  設定顯示：表格將清單轉換為表格，使其填入可用寬度。 margin: 0 auto 屬性使表格和清單在頁面上自動居中。

  範例：

  <code class="html"><ul>
    <li>56456456</li>
    <li>4564564564564649999999999999999999999999999996</li>
    <li>45645</li>
  </ul></code>

  登入後複製

  結論：

  此解決方案解決了將無序列表居中的需求，而無需在HTML 中建立額外的包裝器。透過利用 display: table 和 margin: 0 自動屬性，它將清單水平居中對齊，同時保留其項目的左對齊。

以上是如何在不使用父 div 的情況下將無序列表置中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！