一 間隙問題
多個img圖檔放在容器中時，會出現間隙，就算設定margin:0也無法解決，類似下圖：
請看代碼：
定義img寬度為warp容器的25%，但是實際效果img在容器卻不能排成一行，而是因為間隙被擠了下去。
是以在查閱相關資料以後，總結以下幾種解決方法：
1 .wrap img添加float: right;（設定float後img的會有預設邊框，這個下面會解決）
圖1
2 彈性布局：img父容器添加display: flex;出現與圖1相同的效果。
3 多個img寫同一行。
4 img标簽首尾相連 ；也可出現與圖1相同效果
5 img父标簽設定font-size:0;
6 父元素設定letter-space屬性為負數。
二 去除src為空時預設邊框
1 如果img不需要設定背景色及背景圖檔
img[src=""],img:not([src]){opacity:0;}
2 如果img有背景色
src路徑裡需要預設加載透明的圖檔