CSS居中對于網頁設計師來說非常重要，因為一個不居中的元素會讓網頁設計看上去非常丑陋和不專業。但是，不同瀏覽器對CSS居中的兼容性有所不同，所以我們需要了解在不同瀏覽器中如何使CSS居中。

//水平居中
.container{
position:relative;
}
.element{
position:absolute;
left:50%;
transform:translateX(-50%);
}
//垂直居中
.container{
position:relative;
}
.element{
position:absolute;
top:50%;
transform:translateY(-50%);
}
//水平垂直居中
.container{
position:relative;
}
.element{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}

在使用這些代碼時，我們需要注意一些兼容性問題。老版本的Internet Explorer瀏覽器不支持transform屬性，所以我們需要使用一個hack來使它支持。這個hack方式是：

.element{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
**zoom:1;**
}

這個hack方式能使IE支持元素的水平垂直居中，也適用于其他老版本的瀏覽器。我們需要記住，在使用CSS居中時，兼容性問題必須處于我們的優先考慮之列。只有這樣，我們才能為不同類型的瀏覽器生成一致的樣式。