CSS可以用來限制文本的行數，特別是在網頁設計中，這個功能是非常重要的。CSS提供了幾種方法來實現這種技術。下面將介紹其中的一些方法。

// 使用line-clamp
.text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
// 使用ellipsis
.text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
// 使用JavaScript實現
var text = document.getElementById("text");
var lineHeight = parseInt(window.getComputedStyle(text).getPropertyValue("line-height"));
var maxHeight = lineHeight * 3;
if(text.offsetHeight >maxHeight){
text.style.overflow = "hidden";
text.style.textOverflow = "ellipsis";
text.style.webkitLineClamp = "3";
text.style.webkitBoxOrient = "vertical";
text.style.display = "-webkit-box";
}

以上代碼實現了三種不同的方法，分別是使用line-clamp屬性、ellipsis屬性和JavaScript。其中，使用line-clamp屬性的代碼可以在WebKit瀏覽器中使用，并且能夠設置要顯示的行數。使用ellipsis屬性的代碼可以在所有瀏覽器中使用，但是只能顯示省略號，不能設置行數。使用JavaScript實現的代碼可以在所有瀏覽器中使用，并且能夠設置要顯示的行數和省略號。

總的來說，不管是什么方法，限制文本行數的技術在網頁設計中都是非常有用的，可以使頁面更加整潔和美觀。開發者可以根據自己的需求選擇適合自己的方法，讓頁面呈現出最好的效果。