css垂直水平居中設(shè)置的方法是什么

CSS有多種方法可以實(shí)現(xiàn)垂直水平居中，以下是其中幾種常用的方法：

1. 使用flexbox布局：可以使用flexbox的屬性來(lái)實(shí)現(xiàn)元素的垂直水平居中。將父容器的display屬性設(shè)置為flex，并使用align-items: center和justify-content: center來(lái)實(shí)現(xiàn)垂直和水平居中。

.parent {
display: flex;
align-items: center;
justify-content: center;
}

2. 使用position和transform屬性：使用絕對(duì)定位和transform屬性可以實(shí)現(xiàn)元素的垂直水平居中。將元素的position屬性設(shè)置為absolute，然后使用top: 50%和left: 50%將元素的左上角定位到父容器的中心點(diǎn)，最后使用transform: translate(-50%, -50%)將元素向左上角偏移自身寬度和高度的一半。

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

3. 使用table布局：使用table布局可以實(shí)現(xiàn)元素的垂直水平居中。將父容器的display屬性設(shè)置為table，然后將子元素的display屬性設(shè)置為table-cell，使用vertical-align: middle實(shí)現(xiàn)垂直居中，使用text-align: center實(shí)現(xiàn)水平居中。

.parent {
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
text-align: center;
}

這些方法只是其中的幾種，根據(jù)實(shí)際情況選擇合適的方法來(lái)實(shí)現(xiàn)垂直水平居中。