uniapp设置图片居中
时间: 2024-03-28 12:33:52 浏览: 473
图片居中设置
在UniApp中设置图片居中可以通过CSS样式来实现。你可以使用flex布局或者text-align属性来实现图片居中。
1. 使用flex布局:
在图片所在的容器上添加以下CSS样式:
```css
.container {
display: flex;
justify-content: center;
align-items: center;
}
```
这样设置后,容器内的图片会水平和垂直居中显示。
2. 使用text-align属性:
在图片所在的容器上添加以下CSS样式:
```css
.container {
text-align: center;
}
```
然后在图片标签上添加`display: inline-block;`样式,这样图片就会水平居中显示。
阅读全文