0

我需要帮助来对齐 CSS 按钮。我尝试了许多不同的变体,但我无法按照我想要的方式将按钮居中。

首先,看看这个网址:http ://www.front-end-developer.net/cssbuttons/example.htm

我使用 2 个图像来形成一个按钮(这可以在 1 个图像上完成,但在这种情况下我们有两个)。只要我们应用float:leftfloat:right应用于父 div 元素,一切都会按预期工作,以“限制”div 的宽度并在 div 的内容结束后立即关闭它。您可以从按钮中删除 float:left 以了解我的意思。

但是中心位置的按钮呢?我不能添加浮动:左/右,因为我想将它对齐在中间。

理论上,我可以设置

{
    width:XXpx;
    margin:0 auto;
}

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

替代文字
(来源:前端开发者网

但我不知道里面文字的长度。有不同的翻译我的按钮可能很短,或者是那个长的 5 倍。

我也尝试使用<span>而不是<div>,但不幸的是嵌套的内联元素不正确地尊重它们的填充......

是的,我必须<a>在内部使用,以便网络爬虫可以访问按钮。

我真的坚持这个。

4

1 回答 1

2
.button {display:inline-block;}

似乎可以解决问题。

内联块浏览器支持:http ://www.quirksmode.org/css/display.html

有关如何解决与 inline-block 相关的浏览器问题的更多信息:http: //foohack.com/2007/11/cross-browser-support-for-inline-block-styling/

于 2010-03-18T17:07:34.423 回答