今天我們來探討一下圖片左右有縫隙的問題，這在頁面排版中十分常見，可能是因為圖片本身的屬性問題造成，也有可能是因為濾鏡屬性造成。 方法一：box-sizing 我們可以使用box-sizing屬性對圖片進行包裹，這樣就可以避免圖片在左右兩邊留白了。

img {
box-sizing: border-box;
width: 100%;
height: auto;
padding: 0;
margin: 0;
	}

方法二：float 我們同樣可以使用float屬性使圖片“脫離文檔流”，這樣也能有效的避免圖片在左右留白的問題。

img {
float: left;
width: 100%;
height: auto;
padding: 0;
margin: 0;
	}

方法三：outline 若是出現(xiàn)圖片濾鏡等屬性引起的問題，我們可以使用outline屬性對圖片進行包裹，這樣也能避免圖片在左右兩邊留白的問題。

img {
outline: none;
width: 100%;
height: auto;
padding: 0;
margin: 0;
	}

以上是小編對于圖片左右有縫隙的三種方法，實際手動試驗才能更好的了解掌握哦~