CSS3中的50%居中是一種常見的方式，可以讓元素在頁面中水平居中。下面是一個使用CSS3 50%居中的例子：

.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在這個例子中，我們首先將元素的位置設(shè)置為絕對定位，然后使用top和left屬性將元素的位置設(shè)置為頁面的中心。接下來，我們使用CSS3的transform屬性，將元素向左上方移動自身寬度和高度的一半，這樣就可以將元素完全居中。

需要注意的是，50%居中只適用于固定寬度和高度的元素。如果元素的寬度或高度是自適應(yīng)的，那么50%居中可能會失敗。在這種情況下，我們可以考慮使用其他的居中方式。