Question

我需要帮助来对齐CSS按钮。我尝试了很多不同的变化，但我不能按照我想要的方式居中。

我正在使用2张图片来形成一个按钮（这可以在1张图片上完成，但在这种情况下我们有2张）。只要我们将float:left或float:right应用于父div元素，“限制”div的宽度并在div的内容结束时立即关闭它，一切都按预期工作。您可以从按钮中删除float：left以查看我的意思。

但是中心定位按钮怎么样？我无法添加浮动：左/右，因为我想在中间对齐它。

理论上，我可以设置

{
    width:XXpx;
    margin:0 auto;
}

我会得到你在这张照片上看到的东西：

但我不知道里面文字的长度。有不同的翻译，我的按钮可以很短，或者说长5倍。

我还尝试使用<span>代替<div>，但遗憾的是嵌套的内联元素不能正确地考虑它们的填充...

是的，我必须在里面使用<a>，因此网页抓取工具可以访问按钮。

我真的被困在这个。

Answer 1

.button {display:inline-block;}

似乎可以做到这一点。