我需要帮助来对齐 CSS 按钮。我尝试了许多不同的变体,但我无法按照我想要的方式将按钮居中。
首先,看看这个网址:http ://www.front-end-developer.net/cssbuttons/example.htm
我使用 2 个图像来形成一个按钮(这可以在 1 个图像上完成,但在这种情况下我们有两个)。只要我们应用float:left
或float:right
应用于父 div 元素,一切都会按预期工作,以“限制”div 的宽度并在 div 的内容结束后立即关闭它。您可以从按钮中删除 float:left 以了解我的意思。
但是中心位置的按钮呢?我不能添加浮动:左/右,因为我想将它对齐在中间。
理论上,我可以设置
{
width:XXpx;
margin:0 auto;
}
我会得到你在这张照片上看到的东西:
(来源:前端开发者网)
但我不知道里面文字的长度。有不同的翻译我的按钮可能很短,或者是那个长的 5 倍。
我也尝试使用<span>
而不是<div>
,但不幸的是嵌套的内联元素不正确地尊重它们的填充......
是的,我必须<a>
在内部使用,以便网络爬虫可以访问按钮。
我真的坚持这个。