应该不是为了给a加宽高吧，那是为啥呢，我删除display:inline-block也不影响效果嘛
4 回答
已采纳
慕数据5775487
TA贡献76条经验 获得超19个赞
因为a标签是属于行内元素，行内元素是无法设置宽和高的，即使设置了也不起作用，那么把它设置成display:inline-block后，也就是把它设置成了行内块状元素，那么它同时拥有行内元素和块状元素的特点，就可以设置宽、高等属性了！
删除display:inline-block有没有影响要看你有没给a标签设置宽高等属性，如果没设置这些属性当然就没有影响了!
下面这段代码你运行一下，试着把display:inline-block注示掉，就知道它们的区别在哪了，希望能帮到你，加油！！！
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
.imooc{
background-color:red;
}
#imooc2{
display:inline-block;
width:100px;
height:25px;
text-align:center;
line-height:25px;
}
</style>
</head>
<body>
<a class="imooc" id="imooc1" href="#">慕课网</a>
<a class="imooc" id="imooc2" href="#">慕课网</a>
</body>
</html>
- 4 回答
- 1 关注
- 4713 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消