如果我們要在網(wǎng)頁中顯示圖片，通常情況下是需要把圖片按照指定的寬度來顯示的。但有時候，圖片的寬度可能會超出所分配的空間，這時候就需要自動截斷圖片寬度，以適應所在的容器。

CSS中提供了一個非常方便的屬性：max-width，可以幫助我們實現(xiàn)這個功能。當我們給一個元素設(shè)置max-width屬性時，它的寬度將不會超過所設(shè)置的值。同時，該元素的高度會自適應變化，保證圖片的長寬比例不變。

img{
max-width:100%;
}

以上代碼表示，將img元素的max-width屬性設(shè)置為100%，即最大寬度為容器的寬度。這樣做可以確保圖片不會超出容器的空間范圍，同時保證圖片的比例不失真。而如果我們設(shè)置max-width為固定值，如500px，那么當容器寬度小于500px時，圖片寬度也會隨之縮小，不會超出容器寬度。

總的來說，使用max-width屬性能夠非常方便地實現(xiàn)圖片寬度自動截斷的效果，使得圖片在不同的容器中都可以完美地展示。