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

CSS元素居中的常用方法

时间:2016-04-19 13:56:34      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:

只有普通流和绝对定位的元素可以设置居中,浮动元素是不存在居中的。

1.块级元素居中
1) 普通流元素(position : static 或 position : relative)
  • 水平居中:{ margin : 0 auto; }
2) 绝对定位元素(position : absolute 或 position : fixed)
  • 水平、垂直居中:该元素{ margin: auto; top: 0; bottom: 0; left: 0; right: 0; overflow : auto },其父元素{ position : relative;}
2.内联级元素居中
  • 水平居中:在其父元素上设置{ text-align : center; }
  • 行内垂直居中:{height : 30px; line-height : 30px; }

CSS元素居中的常用方法

标签:

原文地址:http://www.cnblogs.com/xinran476460042/p/5407710.html

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