房子装修工程师CSS(四)之常见水平居中实现方式

（一）文字容器内水平垂直居中，text-align，height和line-height。

  代码如下：

 

 示例图如下：

 

（二）图片容器内水平垂直居中，注意只有text-align，height和line-height是达不到完全的水平垂直居中；需要再给图片设置一下垂直居中即vertical-align。此种布局适合于logo和文字同一行时。

代码如下：

示例图如下：

（三）利用position对图片容器内水平垂直居中。

  代码：

  

  

 示例图：