<div style="float:right;">
<a href="#" class="button2" title="Upgrade now">Upgrade now</a>
<a href="#" class="button2" title="Buy more credits">Buy more credits</a>
</div>
float:right|left
(无论是内联的还是在我的样式表中)似乎使链接失去了垂直填充和底部边框。如果我删除它,我没有问题。这是链接的CSS:
.button2 {
color: #fff;
font-size: 18px;
text-shadow: 0 -1px 0 #064687;
border: 0;
border-bottom: 2px #0B5BAC solid;
border-radius: 8px;
background: #1E88F2;
background: -moz-linear-gradient(top, #6BB0F7, #2089F2);
padding: 9px;
cursor: pointer;
box-shadow: 0 2px 2px #999;
text-decoration: none;
width: 270px;
}
最佳答案
通过添加缩放来尝试旧的“ hasLayout”修复:1;
.button2 {
zoom: 1;
}
http://www.satzansatz.de/cssd/onhavinglayout.html
我不喜欢那样做,但是似乎可以实现您想要的。