CSS - 实现图片垂直居中，文字垂直居中

在html页面设计时，经常需要让容器内部的图片或文字上下垂直居中，通过CSS可以很方便的进行设置。

1，图片垂直居中

给图片添加 vertical-align:middle; 样式即可

<div style="height:100px">
    <img style="vertical-align:middle" src="images/star.png" >
</div>
           

2，文字垂直居中

要把文字外部容器的 line-height 和 height 设置成一样

<div style="height:100px;line-height:100px">
    欢迎来到hangge.com
</div>