a标签为什么经常性加display:inline-block呢
a标签float后,也会变成行内块元素
因为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>