在網頁設計中，CSS（層疊樣式表）是非常重要的一環。 有時候，我們需要將一些文本從頁面中省略，而CSS中的text-overflow屬性可以幫助我們實現這個目標。 text-overflow可以控制當文本溢出其容器時如何處理它。

在這個過程中，如果我們的文本超過兩行，我們希望它自動變成省略號。下面是一些代碼可以實現這個效果：

.text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

其中，overflow屬性告訴瀏覽器，當文本內容溢出其容器時，應該如何處理。text-overflow屬性告訴瀏覽器，當出現省略號時，省略號應該如何顯示。下面的display屬性和-webkit-line-clamp屬性被組合在一起使用，以限制文本框內顯示的行數。 最后，我們可以選擇-webkit-box-orient屬性來設置文本的方向。

為了更好地理解上述代碼，我們可以看一個例子：

<div class="text-ellipsis">
<p>在網頁設計中，CSS（層疊樣式表）是非常重要的一環。有時候，我們需要將一些文本從頁面中省略，而CSS中的text-overflow屬性可以幫助我們實現這個目標。 text-overflow可以控制當文本溢出其容器時如何處理它。</p>
<p>在這個過程中，如果我們的文本超過兩行，我們希望它自動變成省略號……</p>
<p>為了更好地理解上述代碼，我們可以看一個例子：</
上述例子建立在使用p標簽的前提下，如果不使用p標簽，可以使用其他標簽替代。
這就是如何使用CSS將文本超過兩行的部分省略號的方法。