图片垂直居中的方法(适合只有一行文字和图片)

Posted Candy-Yao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片垂直居中的方法(适合只有一行文字和图片)相关的知识,希望对你有一定的参考价值。

1、父盒子的行高设置为父盒子的高度。

2、给图片设置

  display: inline-block;
  vertical-align: middle;

最终效果如下:

 

以上是关于图片垂直居中的方法(适合只有一行文字和图片)的主要内容,如果未能解决你的问题,请参考以下文章

怎么使用CSS让图片水平垂直都居中?

div中图片和文字同一行实现垂直居中

css 两行居中,三行居左,请问怎么弄

大小不固定的图片和多行文字的垂直水平居中

转 图片多行文字的水平垂直居中

文字图片居中