将div中的几个元素居中

Question

问候,我正在尝试为我的一个列表创建一个分页面板,并希望将其置于中心位置.目前它看起来像:

<div class="panel">
  <div class="page">1</div>
  <div class="page">2</div>
  <div class="page">3</div>
</div>

所以我基本上试图让所有"page"div元素转到"panel"容器的中心,如下所示:

_____________________________
|           1 2 3            |
------------------------------

有没有办法在不知道 "页面"元素需要的宽度的情况下实现它(可能有3或9页,并且两种情况都应该正确处理).

提前致谢.

Answer 1

你有什么理由想要这些页面<div>吗？如果你使它们<span class='page'>(在语义上更正确的imho)并应用于text-align: center;面板,你会得到你想要的效果.否则你可以display: inline;在页面上做,但为此你也可以去<span>