鍍金池/ 問答/HTML/ 關(guān)于CSS樣式

關(guān)于CSS樣式

下面這張圖是三個圖片，上中下排列：

代碼很簡單：

<div class="banner-con">
    <div class="advertcontain"><img class="advertimage" src="http://onxem9xtk.bkt.clouddn.com/blog/171222/DHeg4cIF0d.jpg?imageslim" alt="" /></div>
    <div class="advertcontain"><img class="advertimage" src="http://onxem9xtk.bkt.clouddn.com/blog/171222/FaGjL8EdA1.jpg?imageslim" alt="" /></div>
    <div class="advertcontain"><img class="advertimage" src="http://onxem9xtk.bkt.clouddn.com/blog/171222/6IL3Hj0i49.jpg?imageslim" alt="" /></div>
</div>
.advertimage{
    width: 100%;
}

想問的是，圖片與圖片之間為什么有條縫隙，包含塊div都已經(jīng)初始化過來，padding，margin什么的都是0,那兩條縫隙是怎么來的？

回答
編輯回答
脾氣硬

img初始的display我記得是inline吧？

2017年5月8日 15:12
編輯回答
萌面人

包裹img的div加上font-size:0,或者img vertical-align: top;

2017年9月27日 05:30
編輯回答
陌離殤

圖片屬于替換元素，這是一個基線的問題。
可以通過外層div設(shè)置font-size:0;或line-height:0;
又可以通過內(nèi)層img設(shè)置vertical-align:top/bottom/middle;或display:block;

2017年2月14日 09:06