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 CODE

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

示例显示