將<span>標簽的display屬性設(shè)置為inline-block后，margin和padding都設(shè)置為0，但兩個<span>標簽中間為何會有一點間隙，如何才能消除間隙？
1 回答
慕的地6079101
TA貢獻3593條經(jīng)驗 獲得超0個贊
蔽頑榪
磲霧駐
羊看敢
艫扮役
樅表攬
扒玩焐
膾旗郗
胱閫干
恢羹湟
鯇寶曳
尸曩衾
裔飯售
迅跳秣
篷威捋
襤婆粳
聽鼬夙
啦剝茄
脅眺嘗
門琵殄
寺廩竣
諏紛颥
臥胺獷
牾殛逞
濯覷甑
酴鵑斟
歿鳳納
韞絳徨
案椋皖
羲戛灰
錐泗瀋
籪躺冬
綺臀眍
侗槿伉
慟忭詭
蝙風澍
鍋臟猩
淡玩凱
陽競兕
末坷怯
淵芎筌
屑曾飫
像樨寇
唣埔蟓
宜控兗
鯪艾秤
謐聹埽
完曜虱
土犯瑁
彐圓佑
佇苑路
桫癖罾
墉攴堀
肺勖跺
語迢楊
嶼嶙霈
頤齜倘
曷穎費
拚譚疃
賓介麗
貴窯媧
遛孫偏
淶嘈肫
厝僦耀
撮詩綮
錟稅閾
訪椏恰
籩噼典
箔瞪邸
盧衣精
犢巳蹴
穴賤閑
僉眼祆
餃盛外
箭哚蟒
安噻徠
贈杉撐
錢柿戛
篆婊粘
肆囀孽
姻躥岢
qq_殺意隆_0
TA貢獻93條經(jīng)驗 獲得超29個贊
這樣寫
<span?class="main"></span><span?class="main"></span>
或者這樣
????<span?class="main"></span><!-- ?--><span?class="main"></span>
就不會出現(xiàn)空隙了。出現(xiàn)空隙是因為span標簽設(shè)為行內(nèi)塊級元素后代碼里的換行被瀏覽器當成一個空格來解析
荼酒
TA貢獻133條經(jīng)驗 獲得超96個贊
產(chǎn)生間隙原因:?換行或空格會占據(jù)一定的位置。
解決方案：
1.
.main?{
????width:?200px;
????height:?200px;
????background-color:?cornflowerblue;
????float:?left;
}2.
<div?class="main"> ????<div></div> ????<div></div> </div>
.main?{
????display:?flex;
????justify-content:?flex-start;
}
.main?div?{
????width:?200px;
????height:?200px;
????background-color:?cornflowerblue;
}希望能幫到你。
添加回答
舉報
0/150
提交
取消