怎么让图片居中

在网页设计中，可以使用以下方式让图片居中：

1. 在HTML中添加样式，使用CSS控制图片的位置，如下所示：

html

2. 使用CSS的Flex布局，设置一个父元素，并设置其为Flex容器，然后使用居中属性将图片放置在中间，如下所示：

CSS

.parent {

display: flex;

justify-content: center;

align-items: center;

}

.parent img {

max-width: 100%;

max-height: 100%;

}

3. 使用CSS的Grid布局，设置一个父元素，并将其设置为Grid容器，然后使用居中属性将图片放置在中间，如下所示：

CSS

.parent {

display: grid;

justify-content: center;

align-items: center;

}

.parent img {

max-width: 100%;

max-height: 100%;

}

以上三种方法可以让图片在网页上居中显示。