2015年11月30日 星期一

[引用]讓 ul 置中

我們常利用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; }

【下列文章您可能也有興趣】

沒有留言: