0%

设置DIV水平居中

Posted on Edited on In Valine:

常见的页面居中布局

一般水平居中

1
2
3
4
#body {
    position: relative;
    margin: auto;
}

锁定sceen位置的水平居中

1
2
3
4
5
6
7
#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

相对父级位置水平居中

1
2
3
4
5
6
7
8
9
10
#footer {
    position: relative;
}
#footer > div{
    position: absolute;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

水平居中DEMO