Question

我试图在页面中央显示我的列表，但我似乎无法弄清楚如何执行此操作。非常感谢帮助！ http://jsfiddle.net/eg0ayup8/

<div class="tracks">  
<ul>
  <li>The Genesis</li>
  <li>NY State of Mind</li>
  <li>Life's a Bitch</li>
  <li>The World Is Yours</li>
  <li>Halftime</li>
  <li>Memory Lane (Sittin' in da Park)</li>
  <li>One Love</li>
  <li>One Time 4 Your Mind</li>
  <li>Represent</li>
  <li>It Ain't Hard To Tell</li>
</ul>

.tracks ul {
display: inline-block;
float: none;
list-style-type: none;
text-align: center;}

ul li:nth-child(odd) {
background-color: #666;
color: #fff;
text-align: center;}

Answer 1

.tracks ul {
    margin : auto;
}

http://jsfiddle.net/eg0ayup8/2/

Answer 2

由于您的ul是一个内联块元素，因此您可以在父元素上居中，请尝试：

.tracks {
    text-align:center;
}

更新了 Demo

无法将<ul>显示在中心</ul>

2 个答案: