a标签为什么经常性加display:inline-block呢

应该不是为了给a加宽高吧,那是为啥呢,我删除display:inline-block也不影响效果嘛

wolvvi
浏览 4773回答 4
4回答

慕数据5775487

因为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>

tietth

两种情况 一种 a的父级支持宽高 还有一种情况就是给a设置了浮动 删除也没影响 因为浮动元素支持设置宽和高

qq_sU_4

一般是为了定宽高吧
打开App,查看更多内容
随时随地看视频慕课网APP