html css 中如何去圖片之間的空隙
請問在html css 中如何去圖片之間的空隙?
函數(shù)式編程
2018-07-13 13:05:30
TA貢獻1765條經(jīng)驗 獲得超5個贊
展開全部 img標簽本身是個行內(nèi)元素,所以當多個img排在一起時,它們之間如果有回車換行或者空格就會形成空隙,比如
<img src="圖片1" />
<img src="圖片2" />
<img src="圖片3" />
改成下面這樣就沒有空隙了
<img src="圖片1" /><img src="圖片2" /><img src="圖片3" />
或者也可以把img改為塊級元素,再利用浮動,也可以去掉空隙:
<img src="圖片1" style="display:block; float:left" />
<img src="圖片2" style="display:block; float:left" />
<img src="圖片3" style="display:block; float:left" />
舉報