CSS3是Web開發中不可或缺的一環。它為我們提供了許多強大的樣式效果，讓我們的網站變得更加美觀、互動性更好。今天，我們將要介紹的是如何使用CSS3來實現顯示3行的文本效果。

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

上述代碼的實現原理是將文本元素包裹在一個容器中，在容器上應用樣式，通過展開并截取內容來實現3行的顯示效果。

首先，我們需要設置容器的布局方式為彈性盒子（flexbox），這樣我們才能通過設置它的方向和行數來控制文本的顯示。這里使用了webkit的彈性盒子屬性，也可以使用CSS3標準的flexbox屬性。

-webkit-box-orient屬性指定了彈性盒子的方向，這里設置為豎直方向（vertical）。-webkit-line-clamp屬性指定了顯示的行數，這里設置為3行。

當文本的內容超過3行時，overflow:hidden屬性將隱藏超出容器的內容，從而達到3行的顯示效果。

在實現上述效果時，我們需要注意以下幾點：

1. 設置元素的寬度，以確保文本在盒子中不會出現換行符。
2. 確保元素的高度足夠容納指定行數的文本，否則文本會被截斷。

當然，以上的方案只是其中之一。我們還可以通過其他方法來實現顯示3行的效果，例如利用CSS3的transform屬性、JavaScript模擬等。