寫代碼添加兩張img圖片時,無論排成一列或者br換行對會產生距離
工具/原料
WebStorm 10
解決方法
只要給img圖片添加一個display:block;然它們變成塊距離就會消失。如果需要橫向排列,那麼就需要float:left;浮動,如果需要縱向排列,那麼就不用管它,也不用使用br換行(有br的話要去掉,否則會有br換行產生的距離,因為它已經是“塊”了)
使用margin:0無效
當img有距離時,使用margin:0是沒有用的,因為這不是margin產生的距離,這應該是img本身默認帶的距離
注意事項
橫向排列float浮動
縱向排列去掉br換行
margin對於img產生的距離無效