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

网页居中

时间:2017-06-21 23:00:59      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:auto   absolute   flex   块级元素   fixed   设置   高度   元素   居中   

行内元素居中       text-align

块级元素居中,在布局外层DIV盒子时候使用margin:0 outo

绝对定位居中       position:absolute         要设置left ,top ,margin-left ,margin-top的值

或是使用position:fixed      但是要配合margin:auto一起用

display:flex        也要配合margin:auto使用,但是这个不仅在水平上能元素居中,在垂直方向上也是可以的

line-hight    也可以配合着text-align:center使用,可使盒子里面的文字居中,但是line-hight后面的值一定要等于它所在盒子的高度

vert-ical-align:middle此属性值也可居中,但是它要看浏览器,有些浏览器是不支持的

使用container就是它所包裹的范围整个居中

 

网页居中

标签:auto   absolute   flex   块级元素   fixed   设置   高度   元素   居中   

原文地址:http://www.cnblogs.com/yanghui-12/p/7061976.html

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