在網頁設計中，居中置頂是一個經常使用的布局方式。在CSS中，有多種方法可以實現居中置頂的效果，下面介紹幾種常用的方法。

//方法一：使用flex布局
.container{
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
//方法二：使用transform屬性
.container{
position: relative;
}
.content{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
//方法三：使用table屬性
.container{
display: table;
width: 100%;
height: 100vh;
}
.content{
display: table-cell;
text-align: center;
vertical-align: middle;
}

通過以上方法，我們可以輕松實現居中置頂的效果。選擇哪種方法主要取決于具體情況和個人喜好，但需要注意的是，使用table布局會對SEO產生負面影響，因此建議選擇使用flex布局或transform屬性。