CSS是一種層疊樣式表語(yǔ)言，用于描述HTML或XML等文檔的外觀與格式。其中，控制文本在屏幕上顯示的樣式是CSS中最為常用的功能之一。在本文中，我們將介紹如何通過CSS實(shí)現(xiàn)顯示3行的效果。

.demo {
overflow: hidden; /* 隱藏多出來的部分 */
text-overflow: ellipsis; /* 在末尾加省略號(hào) */
display: -webkit-box; /* 將塊容器設(shè)置為彈性布局 */
-webkit-box-orient: vertical; /* 設(shè)置彈性盒子容器排列方式為垂直方向 */
-webkit-line-clamp: 3; /* 最多顯示3行 */
}

代碼中，我們?yōu)槟繕?biāo)元素（如div或p）設(shè)定一個(gè)類名demo，接著設(shè)置樣式屬性，其中：

• overflow: hidden;隱藏超出元素高度的部分
• text-overflow: ellipsis;文本溢出的地方用省略號(hào)來代替
• display: -webkit-box;塊盒子元素設(shè)置為彈性布局
• -webkit-box-orient: vertical;彈性盒子容器的排列方式為垂直方向
• -webkit-line-clamp: 3;最多限制顯示3行

通過這些CSS屬性的設(shè)置，我們就可以輕松實(shí)現(xiàn)顯示3行的效果。值得注意的是，這些屬性在不同的瀏覽器中可能存在兼容性問題，因此在使用時(shí)，需要做好瀏覽器兼容性的處理。