Question

我有一组div已经设置为浮动：左边，我希望它们彼此一致但仍然居中，这就是我现在所拥有的：

HTML

<div style="display: inline; text-align:center;">
    <div id="generalmenu">
        test
    </div>
    <div id="generalmenu">
        test
    </div>
    <div id="generalmenu">
        test
    </div>
</div>

CSS

#phonicmenu { 
    background: white; 
}
#generalmenu { 
    background: white; 
    width:270; 
    padding: 25px; 
    float:left; 
    margin-left: auto; 
    margin-right: auto; 
}

关于如何将这些菜单集中在一起的任何想法？

编辑：添加了一个带有正文的JS小提琴，这样你就可以更清楚地看到问题。 http://jsfiddle.net/aYWwM/

Answer 1

问题还在于您使用div用于不适用的目的。 div是块元素。您希望将内容显示为内联元素，因此您应该使用span或无序列表。

要执行您需要的操作，只需创建一个包装div并将其margin-left和margin-right设置为auto。包装器应包含您需要的内联元素...请参阅this jsFiddle

如何定位已经有浮动的div？

1 个答案: