CSS：围绕块元素

Question

所以我有一堆需要有一个特定的宽度，高度和填充，需要他们的父元素中的中心元素：

<div class="pages"> 
    <a>Page 1</a> 
    <a>Page 2</a> 
    <a>Page 3</a> 
</div> 

我该怎么办呢？我不知道会有多少元素，因此.pages不能有一个定义的宽度，所以margin：auto;将无法工作。

Answer 1

在样式或风格标签：

margin-left: auto; margin-right: auto 

Answer 2

你可以用所有在一个单一的div和中心这一块的，这将是通常的做法，我相信。

<div id="wrapper" style="margin-left:auto; margin-right:auto"> 
    <div id="page1"> ... </div> 
    <div id="page1"> ... </div> 
    ... 
</div> 

Answer 3

如果您有工作代码，请发布。

这听起来像你要找的是什么margin: auto上要居中，像这样的元素：

#my_div { 
    margin: auto; 
} 

Answer 4

CSS代码

div { 
display:table-cell; 
width: 200px; 
height: 200px; 
vertical-align:middle; 
background: red; 
} 

HTML代码

<div> 
    Hello...This is Vertically Centered! 
</div> 
<div> 
    Hello...2! 
</div> 
<div> 
    Hello...3! 
</div> 

样品展示