html小知识之使页面内容整体居中（水平居中或垂直居中）

1、页面内容水平居中的办法,
方法一：
①最外层的div设定它最大的宽度为1200px（可根据情况调整）
②最外层div样式设置为，margin-left:auto;margin-right:auto;
如：

<div style:"max-width:1200px;margin:0 auto">
....
</div>

方法二：
css样式：

div{
position:absolute;
left:0;
right:0;
margin:0 auto;
}

2、页面内容垂直居中的方法：

div{
position:absolute;
top:0;
bottom:0;
margin:0 auto;
}

3、页面内容垂直居中和水平居中的方法：

div{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}