我正在改变我的网站上的按钮，以由jquery ui主题来设计。大多数情况下，一切都会很好。
但是，我有一些锚标签，我想要风格为按钮。我添加了类，它将它想像它，除了高度是不一样的。有没有办法使样式的锚标签与样式的按钮标签具有相同的高度？
这是我的一些css：
.mine-button {
outline: 0;
margin: 0 4px 0 0;
padding: 0 1em;
height: 2em;
text-decoration: none !important;
cursor: pointer;
position: relative;
text-align: center;
-moz-border-radius: 15px;
-webkit-border-radius: 15px
}
在按钮上使用它的示例：
<button class="mine-button ui-state-default"
onclick="stuff here">
<img src="/i_common/basket_add_24.gif" border="0" align="absmiddle"/> Add
</button>
在锚点上使用它的例子：
<a class="mine-button ui-state-default" href="bla">
<img src="/i_common/CD_down_24.gif" border="0" align="absmiddle"/> Free
</a>
解决方法
这应该做：
display: inline-block;
你的高度不工作的原因是因为锚标签标记一个内联元素。 The height property doesn’t apply to inline elements,and the vertical margin,border and padding act differently。
Firefox 2不支持内嵌块，如果您仍然需要支持，但通常可以通过在上述行之前添加规则显示：-moz-inline-box来进行get it to work。
或者，您可以尝试使用line-height属性。
