在網(wǎng)頁設(shè)計和布局中，居中是一個非常基礎(chǔ)但又經(jīng)常用到的技巧。IE瀏覽器中最常用的居中方式就是使用div容器和CSS樣式來實現(xiàn)。下面介紹幾種經(jīng)典的div居中技巧。

/* 方法1：margin auto實現(xiàn)水平居中 */
.centerDiv {
width: 200px;
margin: 0 auto;
}
/*方法2：利用text-align:center居中內(nèi)部的內(nèi)容 */
.parentDiv {
width: 200px;
text-align: center;
}
.childDiv {
display: inline-block; /* 讓div變成行內(nèi)塊級元素 */
}
/* 方法3：position配合左右偏移量實現(xiàn)居中 */
.centerDiv {
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px; /* div高度的一半 */
margin-left: -100px; /* div寬度的一半 */
}
/* 方法4：flexbox布局 */
.parentDiv {
display: flex;
justify-content: center;
align-items: center;
}

以上是幾種比較常用的IE div居中方式，每種方式都有各自的優(yōu)缺點。在實際應(yīng)用中，可以根據(jù)具體情況選擇合適的方式。當(dāng)然在現(xiàn)代瀏覽器中，也可以使用CSS3的flexbox等布局方式實現(xiàn)居中。