[問題] div內兩個圖片並列的水平縫隙
先補上測試程式碼,不多:)
CSS:
img{width:100px; height:100px;}
#photo{border:1px solid;}
HTML:
<div id="photo">
<img src="1.jpg"/>
<img src="2.jpg"/>
</div>
不解的是放2張圖以上時,就會有縫隙
如果用float:left會讓兩張圖在div的框線之外
網路上其中有一解法說兩個<img>中間只要有空白就會產生縫隙,
只要寫成同一行 如:<img src="1.jpg"/><img src="2.jpg"/>
就可解決問題,雖然是這樣沒錯,但是會造成我程式碼排版的混亂,
且也不利日後的修改,尤其是圖很多的情況下
請問各位前輩,有沒有其他方法可以解決呢?
感謝<(_ _)>
--
派大星:多少錢?
蟹老闆:5塊錢
派大星:(掏口袋) 我只有7塊Q_Q
蟹老闆:成交!
派大星:派大星啊! 你真的好會殺價
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.143.153.89
→
01/23 09:13, , 1F
01/23 09:13, 1F
推
01/23 10:39, , 2F
01/23 10:39, 2F
→
01/23 10:39, , 3F
01/23 10:39, 3F
→
01/23 19:47, , 4F
01/23 19:47, 4F
→
01/23 20:18, , 5F
01/23 20:18, 5F