在前端開發(fā)中，頁面布局是非常重要的環(huán)節(jié)。而最基本的頁面布局中，包括了一個重要的元素——div。div 是一個容器標(biāo)簽，通過設(shè)置它的樣式可以實現(xiàn)特定的布局。其中，讓 div 始終居中是較為常見的需求。

.center-div {
position: absolute;  /*相對其父元素定位*/
top: 50%;            /*距離頂端50%*/
left: 50%;           /*距離左端50%*/
transform: translate(-50%, -50%);   /*將div向左向上移動自身大小的一半*/
}

上述代碼是通過定位和 transform 來實現(xiàn) div 居中的方式。首先，設(shè)置 div 的 position 屬性為 absolute，相對于其父元素定位。接下來，設(shè)置 div 的 top 和 left 屬性為 50%，使其相對于父元素垂直與水平居中。但此時 div 仍然是以左上角為基準(zhǔn)，需要利用 transform 來移動 div 到正中央。其中，translate(-50%,-50%) 表示向左和向上移動 div 大小的一半，使其最終居中。

總結(jié)一下，實現(xiàn) div 的居中布局，可以通過設(shè)置 div 的樣式屬性 position 為 absolute，top 和 left 分別為 50%，然后配合 transform 移動 div 的方法來實現(xiàn)。這些樣式屬性和對應(yīng)的數(shù)值會相對于父元素來進行設(shè)置的。