應(yīng)該不是為了給a加寬高吧，那是為啥呢，我刪除display:inline-block也不影響效果嘛
4 回答
已采納
慕數(shù)據(jù)5775487
TA貢獻(xiàn)76條經(jīng)驗(yàn) 獲得超19個贊
因?yàn)閍標(biāo)簽是屬于行內(nèi)元素，行內(nèi)元素是無法設(shè)置寬和高的，即使設(shè)置了也不起作用，那么把它設(shè)置成display:inline-block后，也就是把它設(shè)置成了行內(nèi)塊狀元素，那么它同時擁有行內(nèi)元素和塊狀元素的特點(diǎn)，就可以設(shè)置寬、高等屬性了！
刪除display:inline-block有沒有影響要看你有沒給a標(biāo)簽設(shè)置寬高等屬性，如果沒設(shè)置這些屬性當(dāng)然就沒有影響了!
下面這段代碼你運(yùn)行一下，試著把display:inline-block注示掉，就知道它們的區(qū)別在哪了，希望能幫到你，加油?。?！
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</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="#">慕課網(wǎng)</a>
? ? <a class="imooc" id="imooc2" href="#">慕課網(wǎng)</a>
</body>
</html>
-
wolvvi例子都有啊，謝謝謝，大家說的都很棒 -
慕數(shù)據(jù)5775487只要你能明白，寫個例子還是值得的！！
-
qq_念_36謝謝大佬 ！真貼心，一目了然！
tietth
TA貢獻(xiàn)17條經(jīng)驗(yàn) 獲得超8個贊
兩種情況 一種 a的父級支持寬高 還有一種情況就是給a設(shè)置了浮動 刪除也沒影響 因?yàn)楦釉刂С衷O(shè)置寬和高
添加回答
舉報(bào)
0/150
提交
取消