[引用]讓 ul 置中

來源: http://muki.tw/tech/ul-align-center-in-css/

我們常利用ul做選單、做列表、做頁碼 …等等，但會碰到一種狀況，是想讓ul置中，如果你直接寫text-align:center會發現ul完全不鳥你！

這是因為ul預設為display:block，所以如果想讓他置中，必須更改他的display狀態。

<div class="wrap"> <ul> <li>Hello</li> <li>World</li> </ul> </div> .wrap { text-align: center; } .wrap ul { display: inline-block; }
若是沒有上一層, 則給他一個class wrap, 然後使用 margin: 0 auto;
<ul class="wrap"> <li>Hello</li> <li>World</li> </ul> ul.wrap { display: table; margin: 0 auto; }