在網頁設計中，讓元素居中是一個很常見的需求，這里我們介紹一下如何使用CSS設置全部居中。 首先，要使元素水平居中，我們可以給元素的父容器添加text-align:center;樣式，這將會讓所有內部的文本和行內元素在水平方向上居中。 例如，在HTML中我們可以這樣寫：

<div class="container">
<p>這是要居中的段落</p>
</div>

CSS可以這樣寫：

.container {
text-align: center;
}

然后，要使元素垂直居中，我們可以使用flex布局或者絕對定位。 對于flex布局，我們可以這樣寫：

.container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

對于絕對定位，我們可以這樣寫：

.container {
position: relative;
}
.container p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* 水平和垂直同時居中 */
}

這樣，我們就可以實現元素的全部居中了。 希望這個小技巧可以幫助到大家。