CSS中的text-overflow屬性可以實現文本過長時的省略效果。我們可以利用這個屬性，使得三行文本以內的內容全部展示，而超過三行的部分則以省略號代替。

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

在上面的代碼中，我們設置了一個class為text的樣式，接著使用overflow屬性，將文本內容超出部分隱藏起來。然后使用text-overflow屬性，將超出的文本以省略號的形式顯示出來。

接下來，為了限制文本行數，我們使用了display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;這三個屬性。其中display: -webkit-box;可以將元素變成一個彈性盒子，-webkit-line-clamp: 3;可以限制最多只顯示三行文本內容，-webkit-box-orient: vertical;則是設置彈性盒子中的元素垂直排列。

以上代碼中的-webkit-前綴是因為在一些瀏覽器中，這些屬性可能需要加上該前綴才能生效。

通過以上樣式，我們可以實現文本內容超過三行時，以省略號代替。而對于三行以內的內容，全部展示出來，讓用戶可以更好地閱讀。