如何用css设置链接的高度/宽度？
如何用css设置链接的高度/宽度？
提问于 2011-05-13 17:57:54
我只是不能设置导航的a元素的高度和宽度。
#header div#snav div a{
width:150px;
height:77px;
}
#header div#snav div a:link{
width:150px;
height:77px;
}
#header div#snav div a:hover{
height:77px;
background:#eff1de;
}你知道我做错了什么吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-05-13 17:59:45
添加显示:块；
a-tag是一个内联元素，所以你的高度和宽度会被忽略。
#header div#snav div a{
display:block;
width:150px;
height:77px;
}Stack Overflow用户
发布于 2011-05-13 18:00:24
锚点需要使用不同于其默认显示类型的显示类型才能获得高度。display:inline-block;或display:block;。
还可以查看line-height，它可能会对此很感兴趣。
Stack Overflow用户
发布于 2011-05-13 17:59:53
您的问题可能是a元素本质上是display: inline。您不能设置内联元素的宽度和高度。
您必须在a上设置display: block，但这会带来其他问题，因为链接的行为开始像块元素一样。最常见的解决方法是给他们float: left，这样他们就可以并排排好队了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5990223
复制相关文章
相似问题