CSS之未知高度img垂直居中

分类: 文章 • 2022-10-09 17:14:44

要实现的效果如下：

CSS之未知高度img垂直居中

水平居中可以是text-align:center;轻松实现，那么对于高度未定，自适应的图片来说，怎么垂直居中呢？

方案如下：

在img标签后边添加一个span标签，设置其显示方式为inline-block，高度为100%，vertical-align属性为middle；然后再给img标签页加上该vertical-align属性即可。