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> 

樣品展示