图片垂直居中

Posted 2020-11-14 alantao

tags:

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

使用vertical-align: middle;

<div class="parent">
    <img src="images/16.png"  id="son">
</div>

#parent{
    height: 150px;
    line-height: 150px;
    font-size: 0;
}
img#son{vertical-align: middle;width:100%;} /*默认是基线对齐，改为middle*/

以上是关于图片垂直居中的主要内容，如果未能解决你的问题，请参考以下文章