CSS的布局是網(wǎng)頁設(shè)計(jì)中重要的一個(gè)方面，而將塊狀元素居中是其常見的應(yīng)用之一。下面介紹兩種方法：

// 方法一
div{
width: 200px; /* 需要居中的塊狀元素的寬度 */
margin: 0 auto; /* margin 設(shè)置為0，auto則自動(dòng)將其水平居中 */
}
// 方法二
div{
width: 200px; /* 需要居中的塊狀元素的寬度 */
position: absolute; 
left: 50%; /* 以父元素的左邊界為基準(zhǔn)線，向右移動(dòng)50% */
margin-left: -100px; /* 子元素寬度的一半(200/2=100)，向左移動(dòng) */
top: 50%; /* 以父元素的上邊界為基準(zhǔn)線，向下移動(dòng)50% */
margin-top: -100px; /* 子元素高度的一半(200/2=100)，向上移動(dòng) */
}

以上兩種方法都是將塊狀元素水平居中，其中第二種方法還將塊狀元素垂直居中。需要注意的是，第二種方法要求已知需要居中元素的寬高，這樣才能正確地進(jìn)行偏移量的計(jì)算。