Css 块元素的水平居中组

Css 块元素的水平居中组,css,fluid-layout,Css,Fluid Layout,我希望这些按钮居中(三个版本代表同一事物的不同可能版本)。。所以css和html对所有人来说都是一样的。。只是项目的数量必须改变 我希望它们有一个设置的宽度,这样我就不能使用内联元素(只需文本对齐居中) 我还需要html标记足够简单,它还可以用来灵活地使用不同的样式表垂直堆叠按钮 你有没有想过如何做到这一点?我看不出有什么办法 现在有1-3个元素。。理想情况下,它可能涵盖任何数字,但这不是必需的。我希望它在IE6中工作。我为您编辑:我为您编辑: 这就是你想要做的吗? 这就是你想要做的吗?这里只需

我希望这些按钮居中(三个版本代表同一事物的不同可能版本)。。所以css和html对所有人来说都是一样的。。只是项目的数量必须改变

我希望它们有一个设置的宽度,这样我就不能使用内联元素(只需文本对齐居中)

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

你有没有想过如何做到这一点?我看不出有什么办法

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

我为您编辑:

我为您编辑:

这就是你想要做的吗?


这就是你想要做的吗?

这里只需替换
float:left
显示:内联块

但是为什么您的按钮是
?在我看来,默认情况下,
是内联块。
为了兼容性,我让您检查一下:

这里只需替换
float:left
显示:内联块

但是为什么您的按钮是
?在我看来,默认情况下,
是内联块。
为了兼容性,我让您检查一下:

如果您不介意将按钮的宽度从百分比更改为px,那么您可以使用中介绍的技术。它基本上使用位置:相对;随左:50%;右:50%;将菜单中的项目水平居中


如果您不介意将按钮宽度从百分比更改为px,则可以使用中介绍的技术。它基本上使用位置:相对;随左:50%;右:50%;将菜单中的项目水平居中


这就是我想要的外观。我之所以避免内联块,是因为我知道在IE6中它有点奇怪。。我现在没有它来测试,虽然有办法修复IE6:但它变得越来越不重要了,因为IE6已经过时了。我理解您对跨浏览器支持的需求,尽管这是我想要的外观。我之所以避免内联块,是因为我知道在IE6中它有点奇怪。。我现在没有它来测试,虽然有办法修复IE6:但它变得越来越不重要了,因为IE6已经过时了。但我理解您需要跨浏览器支持