在網頁設計中，經常會用到圖片。但是有時候會發現，圖片的寬度沒有鋪滿其所在的容器，而是居中顯示了。這就需要使用 CSS 樣式來實現圖片寬鋪滿。

img {
width: 100%;
height: auto;
}

上述樣式代碼中，使用了 width 和 height 屬性來設置圖片的寬和高。其中，width 設置為 100%，即讓圖片寬度占滿其所在的容器；height 設置為 auto，會根據圖片的原始寬高比例，自動計算圖片高度。

需要注意的是，如果圖片本身的寬度小于其所在容器的寬度，那么設置了 100% 寬度后，圖片也無法拉伸，仍然會保持原來的尺寸，并且默認居中顯示。此時可以使用 object-fit 屬性來實現拉伸效果。

img {
width: 100%;
height: 100%;
object-fit: cover; /* 或 contain */
}

其中 object-fit 設置為 cover 表示讓圖片拉伸鋪滿容器，不管圖片變形；設置為 contain 則表示保持原有寬高比例，縮放圖片直到完全放入容器為止。

使用 CSS 樣式讓圖片寬鋪滿，可以使網頁的視覺效果更加美觀，圖片也能更好的展示。