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