围绕div中的几个元素

问候，我试图为我的列表之一创建一个分页面板并希望使其居中。目前，它看起来像：围绕div中的几个元素

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

所以基本上，我试图让所有的“页”的div元素去的“面板”集装箱中心，像这样：

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

有一种实现而不知道“页面”元素需要的宽度（可能有3或9页并且两种情况都应该正确处理）的方法。

在此先感谢。

来源

2009-03-05 bezmax

有你想要的页面是<div>小号的原因吗？如果你使它们成为<span class='page'>（它在语义上更正确的话，不适用于imho），并将text-align: center;应用到面板上，您将得到所需的效果。否则，你可以在页面上做display: inline;，但为此你不妨去<span>

来源

2009-03-05 14:30:25

+1 - 积分相同的其他人，但很好的解释太 – annakata 2009-03-05 14:34:04

你必须使用divs的数字？

我会更换跨度这些div来代替，然后应用文本对齐：中心到outter DIV（.panel）

来源

2009-03-05 14:28:19

由于这是一个数字列表，你应该考虑将它们放在一个列表中，以便语义上正确。将它们推向UL，与CSS一样的风格，你是金。

像这样也许：

<div class="panel"> 
<ul> 
    <li><a href="#">1</a></li> 
    <li><a href="#">2</a></li> 
    <li><a href="#">3</a></li> 
</ul> 
</div>

和风格在CSS，因为这：

.panel{text-align:center; } 
.panel ul{list-style-type:none; margin:0 auto; padding:0; overflow:hidden; } 
.panel li{display:inline; } 
.panel li a{padding:5px; margin:0;}

玩的填充和利润。在分页，标签和菜单中使用链接时，一定要添加一些肥胖。

测试在Opera 9，FF3，IE6，Chrome的

来源

2009-03-05 14:54:55 random

围绕div中的几个元素

回答

相关问题