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;}