这是我的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容器中使用左边距/填充来将其居中,而将block设置为链接。

有什么办法可以将这种情况定为固定高度吗?行高不会得到背景色,并且我的字体大小必须为14px。

最佳答案

inline-block* hack的支持。这样写:

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

}

关于html - 有固定高度并以容器为中心的链接是否有解决方法?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9803837/

10-12 12:31
查看更多