码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-05 10:29:06      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:--   比较   text   水平垂直   enter   ...   bsp   解法   str   

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

 

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

 1、水平居中:

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

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

2、垂直居中:

 

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

标签:--   比较   text   水平垂直   enter   ...   bsp   解法   str   

原文地址:http://www.cnblogs.com/chenwenhao/p/6942536.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!