Css 中心问题

我正试图使页面成为一个水平居中的图像，并在其下方有一些按钮。 我已经使用

.Image { display:block; margin:auto; }

真是太棒了！ 我在尝试将浮动的按钮居中时遇到了一些问题。我读到，这是不可能的，于是求助于：

ul li{display:inline-block;}

及

它起作用了，但这两个元素似乎没有对齐。按钮似乎有几个像素的距离。结果如下：

---

我不知道如何正确地将它们居中。

边距：0自动不适用于
显示：内联块

如果要使用
margin:0 auto，使用
显示：块
或
显示：表；/*哪个不好*/

如果您想使用
display:inline块，添加
文本对齐：居中到它的父级


ul{
列表样式：无；
填充：0；
保证金：0；
文本对齐：居中；
}
ulli{
显示：内联块；
}

a
b
c
d
e
f
您可以尝试：

.Image {  margin:0px auto; }

如果您还有一个div…，您可以使用此命令来居中…
显示：内联块与居中无关。嗯，是的，如果你不能居中某个浮动的东西，你必须使用它，然后居中。
.Image {  margin:0px auto; }