layui实现图片居中
时间: 2023-06-29 16:16:26 浏览: 316
图片居中设置
要实现图片居中,可以使用以下的样式:
```html
<div class="image-container">
<img src="your-image.jpg">
</div>
```
```css
.image-container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
img {
max-width: 100%;
max-height: 100%;
}
```
使用flex布局,将容器的主轴和交叉轴都居中,同时设置图片的最大宽度和最大高度为100%。这样图片就可以在容器中居中显示了。
阅读全文