网页设计中，常常需要让图片宽度居中。下面是通过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属性即可。
通过这种方法，我们可以很方便地实现图片宽度居中。这是让网页看起来更美观的重要一步。