CSS中居中對齊是一個很常見的需求，而屏幕當前位置的居中對齊則是其中比較困難的一種。不過，在CSS3的推出之后，屏幕當前位置的居中對齊已經成為了可能，下面我們來看看如何實現(xiàn)。

/* 屏幕當前位置居中對齊 */
.center-screen {
width: 200px;
height: 200px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在上面的代碼中，我們首先定義了一個class為.center-screen的元素，它的寬度和高度都為200px，然后我們使用了position: fixed;讓它固定在頁面上，接著將top: 50%;和left: 50%;設置為50%，這里的50%代表的是屏幕的中心點，所以這個元素就處于了屏幕中心位置。

不過，這個元素的位置還不是真正的屏幕當前位置的居中對齊，因為它的中心點還處于屏幕左上角，而不是居中。沒關系，我們可以使用transform: translate(-50%, -50%);來使它的中心點移動到屏幕中心，-50%代表相對于自身寬度或高度的一半進行移動。

現(xiàn)在，我們就成功地實現(xiàn)了屏幕當前位置的居中對齊。這種方式適用于需要在屏幕中心位置顯示的彈窗、提示框等元素。