在Web設計過程中，我們經常需要控制文本的行數，以合理地布局和顯示內容，避免長篇大論的文字影響頁面整體美感和用戶體驗。CSS提供了多種文本行數限制的方法，可以方便地根據需求來控制文本的顯示形態。

常見的CSS文本行數限制方法包括：

/* 限制文本行數 */
text-overflow: ellipsis; /* 超出部分省略號顯示 */
overflow: hidden; /* 溢出隱藏 */
display: -webkit-box; /* 使用flex布局 */
-webkit-line-clamp: 2; /* 行數限制 */
-webkit-box-orient: vertical; /* 垂直排列 */

其中，text-overflow屬性用于在文本溢出時顯示省略號，可應用于單行或多行文本，但需要結合overflow:hidden屬性來進行裁剪。例如：

.text {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 200px;
}

以上代碼表示，將文本容器設置為行內塊級元素，限制文本寬度為200px，當文本溢出時使用省略號來顯示。同時，需要將white-space屬性設置為nowrap，以避免文本自動換行。

另一種常用的文本行數限制方式是使用-webkit-box布局，例如：

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

以上代碼表示，將文本容器設置為使用flex布局，限制文本行數為2行，垂直排列，當文本超過2行時使用溢出隱藏來處理。

需要注意的是，-webkit-box布局目前只被支持在webkit內核的瀏覽器中，而其他瀏覽器如Firefox和Edge則需要使用更加復雜的方法來實現文本行數限制。

總之，通過合理靈活地運用CSS文本行數限制方法，我們可以輕松控制文本的顯示形態，從而為頁面布局和用戶體驗帶來更好的效果。