網頁設計中，常常需要讓圖片寬度居中。下面是通過CSS實現圖片寬度居中的方法。
/* CSS代碼 */
.center {
display: block;
margin: 0 auto;
}以上代碼中，我們通過將圖片的display屬性設置為block，實現了讓圖片寬度充滿容器。然后，我們通過將左右margin設置為auto，讓圖片水平居中。
以下是完整的HTML和CSS代碼：
<!DOCTYPE html>
<html>
<head>
<title>CSS圖片寬度居中</title>
<style>
.center {
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<img src="image.jpg" class="center" alt="圖片">
</body>
</html>在以上代碼中，我們將img標簽設置為class為“center”，以便應用我們所寫的CSS樣式。如果需要改變圖片的大小，我們只需要在CSS中調整width屬性即可。
通過這種方法，我們可以很方便地實現圖片寬度居中。這是讓網頁看起來更美觀的重要一步。