0%

设置DIV水平居中

常见的页面居中布局

一般水平居中

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