1. 使用`display: block;`和`margin: 0 auto;`:
```css
.container {
text-align: center;
}
.container img {
display: inline-block;
}
2. 使用Flexbox布局:
```css
.container {
display: flex;
justify-content: center;
align-items: center;
}
3. 使用Grid布局:
```css
.container {
display: grid;
place-items: center;
}
4. 使用绝对定位和`transform`属性:
```css
.container {
position: relative;
}
.container img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
5. 使用背景图片居中:
```css
.container {
background-image: url('image.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
6. 使用`position`属性和`margin`属性:
```css
.container {
position: relative;
}
.container img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}