HTML5設置ul居中 使用HTML5的最新語法，可以讓我們輕松地為網頁中的動態列表添加樣式，包括將它們居中顯示。在這篇文章中，我們將通過一些簡單的代碼展示如何在HTML5中設置UL（無序列表）居中。 首先，我們需要使用CSS樣式來設置UL元素的屬性。為了讓UL在中央對齊，我們需要將其左右邊距（margin）設置為“auto”，同時需要指定UL元素的寬度。具體代碼如下： pre { background-color: #f4f4f4; padding: 10px; } p { font-size: 16px; line-height: 1.5; } ul { width: 50%; margin: 0 auto; list-style: none; } li { padding: 5px; } 在上述代碼中，我們為UL元素設置了一個寬度為50%，同時將其左右邊距設置為“auto”，以此來實現居中對齊。我們還為li元素添加了一些內邊距，以使我們的列表具有更好的可讀性。 最后，我們將這些元素添加到HTML文檔中，如下所示：

下面是我們的無序列表：

• 列表項1
• 列表項2
• 列表項3
• 列表項4

在預覽我們的網頁時，我們現在應該可以看到一個居中對齊的無序列表。如需進一步改進此列表的樣式，可以通過更改CSS樣式來添加邊框、背景色或其他樣式。 總結 在HTML5中，我們可以輕松地設置無序列表居中對齊，只需使用CSS樣式即可。我們只需要為UL元素添加一個寬度，并將其左右邊距設置為“auto”，即可實現此目的。