CSS居中，常常是我們網頁設計中需要使用的功能。下面介紹幾種常用的CSS居中方式。 首先是水平居中。我們先用水平對齊（text-align）屬性來實現：

p{
text-align:center;
}

這種方式適用于塊級元素（如div），但是對于行級元素（如inline塊）可能會有問題。 其次是行級元素的水平居中。一種解決方法是使用display:inline-block，然后給元素設置text-align:center。

p{
display:inline-block;
text-align:center;
}

再看純行級元素的情況。這時，我們需要給元素一個固定的寬度然后設置margin-left:auto和margin-right:auto。

p{
width:100px;
margin-left:auto;
margin-right:auto;
}

接著是垂直居中。最常用的方法是使用CSS3的transform屬性和translate屬性：

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

這種方法適用于需要相對于固定大小的容器進行垂直居中的情況。 總結一下，CSS居中有多種方式，使用不同的方式視具體情況而定。希望以上內容可以幫助您更好地實現網頁布局。