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

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

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

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

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

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