css - 水平居中的块元素组

Question

我希望这些按钮居中（三个版本代表同一事物的不同可能版本）..所以所有的 css 和 html 都必须相同..只是项目的数量必须改变。

我希望它们有一个固定的宽度，所以我不能使用内联元素（并且只是文本对齐中心）。

我还需要 html 标记足够简单，以便它也可以用于灵活地使用不同的样式表垂直堆叠按钮

关于如何做到这一点的任何想法？我没有办法。

现在有 1-3 个元素。理想情况下，它可能涵盖任何数字，但这不是必需的。我想让它在 IE6 中工作。

score 3 · Accepted Answer

3

我为你编辑：http: //jsfiddle.net/vrcQp/6/

于 2011-07-26T06:23:39.293 回答

score 1 · Accepted Answer

这里只需替换float:left;为display:inline-block;

但是为什么你的按钮是<div>？在我看来，<button>或者<input />默认情况下是内联块。为了兼容性，我让你检查一下：http ://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

score 1 · Accepted Answer

如果您不介意将按钮的宽度从百分比更改为 px，那么您可以使用本文中介绍的技术。它基本上使用 position: relative; 与左：50%；右：50%；在菜单中水平居中项目。

score 0 · Accepted Answer

0

那是你想要做的吗？

于 2011-07-26T06:23:52.907 回答

4 回答 4