如何將網頁中的元素全部居中？CSS提供多種方法，下面我們來一一介紹。

/* 方法一：text-align */
/* 將元素的父元素設置為text-align:center，即可讓子元素水平居中 */
.parent {
text-align: center;
}
/* 方法二：margin:auto */
/* 將元素的上下左右margin都設置為auto即可使元素水平垂直居中 */
.child {
width: 100px;
height: 100px;
margin: auto;
}
/* 方法三：flexbox */
/* 將元素的父元素設置為display:flex及align-items:center和justify-content:center，即可讓子元素水平垂直居中 */
.parent {
display: flex;
align-items: center;
justify-content: center;
}
/* 方法四：position+transform */
/* 將元素的position設為absolute，并使用transform進行平移，即可實現水平垂直居中 */
.child {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

以上4個方法都能夠實現元素的水平垂直居中，具體使用哪種方法，要根據情況選擇。