CSS 可視窗口居中是一種常見的設計需求，它可以讓頁面元素水平和垂直居中，從而使整個頁面看起來更加美觀和專業。下面是一個示例：

{
display: flex;
justify-content: center;
align-items: center;
}

該代碼塊使用了 flexbox 布局方式，其中display: flex;用于將容器轉換成 flexbox 容器，justify-content: center;用于水平居中，align-items: center;用戶垂直居中。

除此之外，我們還可以使用position:absolute;和transform: translate(-50%, -50%);來實現可視窗口居中效果。具體示例如下：

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

該代碼塊使用了絕對定位，其中left: 50%;用于將容器相對于父級左邊框的距離設為 50%，top: 50%;用于將容器相對于父級上邊框的距離設為 50%。然后，我們使用transform: translate(-50%, -50%);將容器自身向上和向左移動一半寬高的距離，從而實現可視窗口居中效果。