在網頁設計中，許多時候我們需要將文字居中顯示在頁面上，這似乎是一項十分簡單的任務，但是當文字高度不確定時，就會變得困難起來。這篇文章將會介紹如何利用CSS解決高度不確定文字居中的問題。

首先，我們需要在HTML中添加一個大容器，用來包含我們的文字。我們可以使用一個div標簽，并在其中添加我們的文字內容，如下所示：

<div class="text-container">
<p>這是一段高度不確定的文字內容。</p>
</div>

接著，我們需要用CSS調整這個容器的樣式，以讓它成為我們文本居中的基礎。我們可以使用以下代碼將這個容器設置為相對定位，并將它的高度設為100%：

.text-container {
position: relative;
height: 100%;
}

現在，我們需要用絕對定位將我們的文本居中。我們可以使用下面的代碼將文本容器的子元素設置絕對定位，并將它們的頂部、左側、底部和右側距離容器的四個邊緣都設置為0：

.text-container p {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

這段代碼的作用是讓文本容器的子元素（p標簽）相對文本容器進行絕對定位，然后將它們的位置置于容器的中心，并且在所有四個邊緣上都有0的間距。

現在，我們的居中文本已經成功完成了，但是我們需要注意，一些特殊情況下，如果文本太長，它們將被裁剪，并在容器的頂部顯示。如果你不想讓文本被裁剪，你可以使用CSS的overflow屬性來滾動文本，如下所示：

.text-container {
position: relative;
height: 100%;
overflow: auto;
}

現在，我們的高度不確定文字居中的問題已經成功地解決了，這個技巧適用于任何情況下的高度不確定文本的居中排列！