CSS分為內(nèi)部樣式表、外部樣式表和內(nèi)聯(lián)樣式表。其中，內(nèi)聯(lián)樣式表是直接在標(biāo)簽內(nèi)編寫樣式，比較麻煩。因此，本文重點(diǎn)介紹使用外部樣式表實(shí)現(xiàn)將窗口置于最中間的方法。

//html
<div class="center">
<p>這是一個(gè)居中的窗口</p>
</div>
//css
.center {
position: fixed;  /* 外層容器使用 position: fixed */
top: 50%;  /* top定位值為50% */
left: 50%;  /* left定位值為50% */
transform: translate(-50%, -50%);  /* 將定位點(diǎn)移動(dòng)到中心位置 */
border: 1px solid #ccc;  /* 邊框 */
padding: 20px; /* 內(nèi)邊距 */
background-color: #fff;  /* 背景色 */
}

使用position: fixed屬性將外層容器固定在視窗中，top和left屬性將容器的定位點(diǎn)置于視窗的中間，transform: translate(-50%, -50%)使定位點(diǎn)移動(dòng)到中心位置。這樣，窗口就可以在不同尺寸的設(shè)備上居中顯示。