在網頁排版中，有時需要對文本進行多行的限制，例如新聞標題或摘要等，這時候就需要用到CSS中的文字換行和文字溢出屬性。 首先，我們需要定義一個CSS樣式，用來限制文字的多行顯示：

.line-clamp {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
/* 顯示兩行 */
-webkit-box-orient: vertical;
}

以上 CSS 樣式中，我們使用了以下幾個屬性： - `overflow: hidden;` 表示當超出了限制的行數時，文字將被隱藏。 - `display: -webkit-box;` 表示使用 Webkit 引擎的盒子模型。這是一個必選項，因為其他屬性只在 Webkit 引擎下可用。 - `-webkit-line-clamp: 2;` 表示限制顯示到多少行，這里是 2 行。 - `-webkit-box-orient: vertical;` 表示盒子模型的排列方向為垂直方向，即每行文字從上到下排列。 接下來，我們在需要限制文字的元素上應用這個樣式即可，例如：

這是一段需要被限制的多行文字，當超出兩行時，將被隱藏。

將 `.line-clamp` 樣式應用到 `

` 標簽上后，就能夠自動限制文本的顯示行數了。 需要注意的是，`-webkit-line-clamp` 屬性只在 Webkit 引擎下可用，因此如果需要在其他瀏覽器下實現文字限制，可以使用 JavaScript 等其他方式來實現。