首页 > 代码库 > 网页居中

网页居中

行内元素居中       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就是它所包裹的范围整个居中

 

网页居中