CSS3中提供了一個(gè)non-Standard的屬性：-webkit-line-clamp，用于控制文本只顯示兩行。本屬性目前只支持webkit內(nèi)核瀏覽器，如Chrome和Safari等。 要實(shí)現(xiàn)文本只顯示兩行，只需要將該屬性添加到需要控制的元素的CSS樣式表中即可。 下面是樣例代碼：

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

在以上代碼中，我們將p元素的display屬性設(shè)置為-webkit-box，將它變?yōu)橐粋€(gè)彈性容器。然后，我們將-webkit-line-clamp屬性設(shè)置為2，表示要控制文本只顯示兩行。接下來(lái)，-webkit-box-orient屬性設(shè)置為垂直方向，以便使文本從頂部顯示。最后，將overflow屬性設(shè)置為hidden，以便將溢出部分的文本隱藏起來(lái)，只顯示前兩行。 請(qǐng)注意，使用該屬性時(shí)，需要設(shè)置彈性容器的高度，否則會(huì)導(dǎo)致文本無(wú)法正確顯示。因此，我們建議將p元素的高度設(shè)置為行高的兩倍以上。 總的來(lái)說(shuō)，使用-webkit-line-clamp屬性可以輕松地控制文本行數(shù)，使得頁(yè)面的排版更具有美感和可讀性。