（一）文字容器内水平垂直居中，text-align，height和line-height。
代码如下：
示例图如下：
（二）图片容器内水平垂直居中，注意只有text-align，height和line-height是达不到完全的水平垂直居中；需要再给图片设置一下垂直居中即vertical-align。此种布局适合于logo和文字同一行时。
代码如下：
示例图如下：
（三）利用position对图片容器内水平垂直居中。
代码：
示例图：
相关文章：
相似解决方案
热门标签