在網頁制作中，有時候我們需要把較長的文字內容顯示在一個固定的區域內，但是又不想讓其顯示破壞了整個設計。這時候，我們就需要用到CSS的多行文字省略號定義。

.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* 控制行數 */
-webkit-box-orient: vertical;
}

上面的代碼中，我們首先給需要顯示的區域的父元素（比如一個div）設置了overflow: hidden;屬性，這樣就可以讓其中的內容不會溢出。接著，使用了text-overflow: ellipsis;屬性，來實現省略號的效果。

為了控制字數，在這里我們設置了-webkit-line-clamp: 3;屬性，意思是只顯示三行文字，超出部分自動省略號。需要注意的是，-webkit-開頭的屬性只能被Safari和Chrome等瀏覽器解析，如果需要支持Firefox等其他瀏覽器，需要再加上對應的屬性。

最后，為了實現多行文本效果，我們需要再給需要顯示的區域加上display: -webkit-box;和-webkit-box-orient: vertical;屬性。

使用以上CSS屬性組合即可實現多行文字省略號的效果。