隨著互聯(lián)網(wǎng)的普及，網(wǎng)站上的圖片越來越豐富，圖片在網(wǎng)站排版中扮演著極為重要的角色。但是當(dāng)圖片的寬度超出了其容器的寬度時，就會出現(xiàn)橫向溢出的問題，影響網(wǎng)站的美觀度和用戶體驗。

為了解決這個問題，我們可以使用 CSS 中的overflow-x屬性來控制圖片的橫向溢出。設(shè)置overflow-x: hidden;可以將超出容器寬度的部分隱藏起來，不會對布局造成影響，并且不會出現(xiàn)滾動條。

.container {
width: 500px;
height: 300px;
overflow-x: hidden;
}
img {
width: 600px;
height: 200px;
}

上面的代碼中，容器.container的寬度為 500px，高度為 300px，圖片img的寬度為 600px，高度為 200px。由于圖片的寬度超出了容器的寬度，會出現(xiàn)橫向溢出的問題。通過設(shè)置overflow-x: hidden;，可以解決這個問題。

以上是關(guān)于 CSS 圖片橫向溢出隱藏的解決方法，希望能對大家有所幫助。