这是我的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/