1. 程式人生 > >前端之HTML-多個Img標籤之間的間隙處理方法

前端之HTML-多個Img標籤之間的間隙處理方法

1.多個標籤寫在一行

<img src="1.jpg"  height="100px"/><img src="1.jpg"  height="100px"/>

2.將要閉合標籤的地方與開始標籤的地方重合

<img src="1.jpg"   height="100px"
/><img src="1.jpg"  height="100px" />

3.使用註釋頭尾相連

<img src="1.jpg"  height="100px"/><!--
--><img src="1.jpg"   height="100px" />

4.在img標籤的父級上寫:font-size:0;

<div style="font-size:0">
   <img src="1.jpg"   height="100px"/>
   <img src="1.jpg"   height="100px"/>
</div>

5.使用letter-spacing屬性

<div style="letter-spacing:-800px">
    <img src="1.jpg"  height="100px"/>
    <img src="1.jpg"  height="100px"/>
</div>