設(shè)置display:block后，第三張圖上移，如何解決？為什么會(huì)存在這種問題呢？demo地址在這里
3 回答
已采納
慕男嬸
TA貢獻(xiàn)98條經(jīng)驗(yàn) 獲得超73個(gè)贊
你設(shè)置了display:block之后間隙消失，并不是margin不起作用引起的，而是img在容器中跟底部會(huì)有一個(gè)3px像素間隙的bug（其實(shí)是正常表現(xiàn)，姑且稱之為bug吧），你使用display:block，正好修復(fù)了這個(gè)bug，所以導(dǎo)致這個(gè)3px的間隙消除掉了。。
也就是說，你陰差陽錯(cuò)地解決了一個(gè)bug。。
你試試vertical-align:middle;也會(huì)讓間隙消除掉。。
img與容器底部3px間隙bug的解決方案有2個(gè)：
1、display:block;
2、vertical-align:middle;
-
hjh399總共三個(gè)img，設(shè)置了第二張圖為display：block;，結(jié)果第二張圖與第三張圖沒有了間距
添加回答
舉報(bào)
0/150
提交
取消