是在網(wǎng)頁設(shè)計中最常用的標簽之一，可以用來劃分不同區(qū)域，從而方便進行樣式的控制。在其中心位置顯示內(nèi)容的需求也很普遍，下面來介紹一些CSS實現(xiàn)方法。
下面通過設(shè)置該
標簽的寬度和水平居中來控制，如下：
div{
width: 200px;
margin: 0 auto;
}以上代碼中設(shè)置了標簽的寬度為200px，并且margin屬性設(shè)置為“0 auto”，表示上下外邊距為0，左右外邊距為自動。這樣就能夠使該元素在水平方向上居中顯示。
除此之外，還可以使用絕對定位和負邊距來實現(xiàn)，如下：
div{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}以上是將標簽的position屬性設(shè)置為“absolute”，并將top和left屬性設(shè)置為50%，即在父級塊元素中垂直和水平方向上的位置都居中。然后使用transform屬性的“translate(-50%, -50%)”將坐標軸向上向左移動了元素寬度和高度的一半，從而實現(xiàn)該元素在中央顯示。
在實際開發(fā)中，常常需要對該元素的子元素進行居中顯示。在這種情況下，也可以使用以上兩種方法之一，不過需要將樣式應(yīng)用于子元素而非父元素。
以上介紹了兩種使用CSS實現(xiàn)div居中顯示的方法，開發(fā)者可以根據(jù)具體情況選擇適合自己的方案，提高頁面的美觀度和可讀性。
上一篇css的body怎樣弄
下一篇div css 3列