當我們在編寫網頁時，有時需要限制顯示的文字行數，這時就可以使用 CSS 屬性來實現。我們常用的方法是設置文字的overflow屬性為hidden，然后再設置text-overflow屬性為ellipsis，這樣就可以實現顯示幾行文字了。

下面的代碼演示了如何實現這個效果：

p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /*這個數字是你想要顯示的行數，修改它就可以了*/
-webkit-box-orient: vertical;
}

這里用到了一個 CSS 屬性-webkit-box，它可以讓文字按照display: block的方式進行排列。另一個屬性-webkit-line-clamp控制了要顯示的行數，該屬性只在 WebKit 內核的瀏覽器中支持。

需要注意的是，這種方法只能在單行文字比較長的情況下生效，如果是多行文字，只能通過限制高度的方式來實現。