在網(wǎng)頁(yè)排版中，經(jīng)常會(huì)遇到需要將元素橫排居中的情況。其中，將元素橫排至頁(yè)面的中心位置，需要使用CSS的“橫排50%”技巧。

代碼示例：
.container {
position: relative;
}
.item {
position: absolute;
left: 50%;
transform: translateX(-50%);
}

在上述代碼中，先將包裹元素（container）設(shè)置為相對(duì)定位（position: relative）。

然后將需要橫排居中的元素（item）設(shè)置為絕對(duì)定位（position: absolute）。同時(shí)，通過(guò)將元素的“左”屬性（left）設(shè)置為50%，可以將元素的左側(cè)初始位置移動(dòng)至包裹元素的中心。

但此時(shí)元素并不在頁(yè)面的中央位置，因?yàn)樗淖蟀脒吪c包裹元素的中心點(diǎn)重合。為了將元素正好橫排居中，我們需要再使用CSS3的“transform”屬性，將元素向左平移自身寬度的一半（transform: translateX(-50%)）。

通過(guò)以上的步驟，我們最終能夠輕松地將元素橫排至頁(yè)面的中央位置。