居中显示的容器：内联块集

Question

您好我有一个女巫的容器中将会添加multipe元素，所以我不知道容器的宽度会是什么，因为这些元素是动态添加的。需要这个容器被居中，所以我认为我应该使用display：inline-block来根据它的元素设置div的宽度和高度，但是在我使用这个属性边距之后：0 auto不再工作。这是什么我想才达到一个简单的例子：

<div> 
     <ul> 
      <li>All</li> 
      <li>Web Design</li> 
     </ul> 
</div> 


div{ 
     display:inline-block; 
     margin:0 auto; 
} 

不管有多少因素是在容器我希望它是centered.My CURENT atempt不工作，所以我怎么能中心这个容器？

Answer 1

您可以通过添加具有显示块的包装股利和设置text-align:center它做到这一点：

<div id="wrapper"> 
    <div> 
     <ul> 
      <li>All</li> 
      <li>Web Design</li> 
     </ul> 
</div> 
</div>​ 

div#wrapper{ 
    text-align:center; 
    display:block;  
} 
div{ 
     display:inline-block; 
     margin:0 auto; 
}​ 

看到this小提琴。

Answer 2

将text-align: center添加到CSS。

Answer 3

div{ 
     display:inline-block; 
     margin:0 auto; 
     text-align: center 
}