首页 > 代码库 > CSS实现文字和图片的水平垂直居中

CSS实现文字和图片的水平垂直居中

  关于文字和图片的水平垂直居中,在前端界绝对算是一个老生常谈的问题了,尤其是垂直居中,什么千奇百怪的解法都能想的出来。下面我就总结一些比较常用的方法:

 

一、文本的水平垂直居中:

 1、水平居中:

是不是很开心?超级简单的问题,一个text-align:center 就搞定了。过过过...

-------------------------------------下面看单行、多行文本的垂直居中-------------------------------------

2、垂直居中:

 

CSS实现文字和图片的水平垂直居中