在網(wǎng)頁設(shè)計中，圖片是不可或缺的元素。但是，有時候我們會發(fā)現(xiàn)圖片會左右滑動，影響視覺效果。這時候我們可以使用CSS來解決這個問題。

img {
max-width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0 auto;
}

上面的代碼是解決圖片左右滑動的最簡單方法。首先，max-width: 100%表示圖片的寬度不超過其父元素的寬度。height: auto使得圖片的高度隨著寬度自適應(yīng)。overflow: hidden則表示圖片超出父元素寬度時將隱藏。display: block則將圖片轉(zhuǎn)換為塊級元素，讓其居中顯示。margin: 0 auto表示將圖片水平居中，同時消除默認的margin。

除了上述方法外，我們還可以使用其他CSS屬性來控制圖片的滑動效果。比如，我們可以將圖片包裹在一個div中，為該div設(shè)置overflow: hidden和white-space: nowrap，設(shè)置圖片的寬度和高度（或者使用padding和box-sizing: border-box），然后通過transform屬性將圖片放入div中，這樣就可以實現(xiàn)圖片不左右滑動了。