在网页设计中，图片的使用越来越普遍，但是如何让图片在页面中居中显示，却是一个经常被问到的问题。
要让图片在网页中居中显示，需要使用HTML和CSS代码来实现。接下来，让我们看一下具体的步骤。
- 在HTML代码中设置图片
要在网页中添加图片，需要使用HTML代码。我们可以使用以下代码来添加一张图片：
其中，src属性表示图片的地址，alt属性表示图片的描述。当图片无法显示时，浏览器会显示alt属性的内容。
在代码中，我们可以使用CSS样式来控制图片的大小和位置。
立即学习“前端免费学习笔记（深入）”；
- 使用CSS代码设置图片的宽度和高度
在CSS代码中，我们可以使用width和height属性来控制图片的大小。例如：
img {
width: 50%;
height: auto;
}这段代码会让图片的宽度为页面宽度的50%，高度按比例自动调整。
- 使用CSS代码设置图片的对齐方式
要让图片居中显示，可以使用text-align属性来设置图片的水平对齐方式。例如：
body {
text-align: center;
}
img {
display: inline-block;
margin: auto;
}这段代码会把页面中的所有元素居中显示，然后使用display属性将图片设置为内联块级元素，并使用margin属性将图片垂直对齐到页面中间。
使用这些简单的HTML和CSS代码，我们就可以将图片在网页中居中显示了。当然，这只是其中的一种方法，还有其他更多的方式来实现图片的对齐。不过，这个方法比较简单和实用，适合新手学习和使用。
