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>

http://www.imooc.com/wenda/detail/336848?t=214151

posted @ 2020-02-17 18:29  hanfe1  阅读(333)  评论(0编辑  收藏  举报