CSS图片水平垂直居中
flex居中
实现代码
/* 父级添加 */
display: flex;
justify-content: center;
align-items: center;
/* IE10 + */
<div>
<img src="./images/1.jpg" alt="">
</div>
<div>
<img src="./images/2.jpg" alt="">
</div>
<div>
<img src="./images/3.jpg" alt="">
</div>
- 优点: 使用css3技术,css代码量少,html结构清晰
- 缺点: 目前来说兼容差 ,只到IE10+
- DOEM: flex图片垂直居中
table-cell居中
实现代码
<