在網(wǎng)頁設(shè)計和開發(fā)中，我們經(jīng)常需要將文本垂直和水平居中，讓網(wǎng)頁看起來更加美觀和專業(yè)。下面介紹幾種實現(xiàn)文本垂直水平居中的方法。

/* 方法 1：使用 flex 布局 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 方法 2：使用絕對定位和 transform */
.container {
position: relative;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 方法 3：使用 table 和 table-cell */
.container {
display: table;
}
.text {
display: table-cell;
vertical-align: middle;
text-align: center;
}

以上三種方法都可以實現(xiàn)文本垂直水平居中，具體選擇哪種方法取決于具體的需求和情況。需要注意的是，某些情況下使用絕對定位和 transform 的方法可能會影響頁面的性能，盡量減少使用。