是否有一个解决方法，以获得固定高度的链接并以容器为中心？

Question

这是我的code：

<div class="container">
    <a class="link" href="http://www.website.com">My Link</a>
</div>

.container
{
    width:400px; 
    text-align:center;
}

.link
{
    background-color:red;
    font-size:14px;
}

我不想使用内联块（因为IE7不支持它）。 而且我不想在我的div容器中使用margin / padding来居中它，将block设置为链接。

有没有办法为这种情况设定一个固定的高度？行高不会得到背景颜色，我的字体大小必须是14px。

Answer 1

inline-block支持*黑客攻击。写得像这样：

.link
{
    background-color:red;
    font-size:14px;
    display:inline-block;
    *display:inline;/* For IE7*/
   *zoom:1;/* For IE7*/
   vertical-align:top;

}