CSS文本居于容器中間是Web開發中常用的技巧。它可以讓文本在容器中間對齊，使頁面的布局更加美觀。下面我們來詳細介紹一下如何實現。 首先，我們需要使用CSS中的display屬性。設置容器為flex布局，然后使用align-items和justify-content屬性來水平垂直居中文本。例如，下面的代碼可以實現將文本水平垂直居中：

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

另外，我們也可以使用絕對定位和transform屬性來實現文本在容器中間對齊。具體做法是先設置容器為相對定位，然后設置文本為絕對定位，使用top和left屬性將文本移至容器中間。例如，下面的代碼可以實現將文本在容器中間垂直水平居中：

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

需要注意的是，以上兩種方法都需要設置容器的寬高。如果容器寬高不確定，可以將容器的寬度設置為100%，高度設為auto，這樣容器就會隨著文本寬高自適應。 總結一下，實現CSS文本居于容器中間可以使用flex布局或絕對定位加transform屬性。無論使用哪種方法，都需要設置容器的寬高和文本的樣式。功能簡單而實用，是Web開發中經常使用的技巧。