CSS可以非常方便地控制文本的顯示效果，比如控制字體的大小、顏色、行高等。在實際應用中，經常會遇到需要控制文本的長度并加上省略號的情況，這就需要使用“text-overflow”屬性來實現。

p {
width: 200px;
white-space: nowrap; /*不允許換行*/
overflow: hidden; /*內容超出部分隱藏*/
text-overflow: ellipsis; /*顯示省略號*/
}

以上代碼中，“text-overflow”屬性的值為“ellipsis”表示顯示省略號。我們還需要設置“white-space”屬性為“nowrap”，這樣即使文本過長也不會換行。最后，將“overflow”屬性設置為“hidden”，就可以隱藏文本的超出部分了。

以上代碼可以控制單行文本的長度并加上省略號，但如果要控制多行文本的長度呢？可以使用“-webkit-line-clamp”屬性來實現。

p {
display: -webkit-box;
-webkit-box-orient: vertical; /*垂直方向*/
-webkit-line-clamp: 3; /*限制顯示3行*/
overflow: hidden; /*內容超出部分隱藏*/
text-overflow: ellipsis; /*顯示省略號*/
}

以上代碼中，“-webkit-box”屬性表示將文本內容包裝在一個盒子中，使用“-webkit-box-orient”屬性來控制文本的方向，指定為垂直方向。最后，使用“-webkit-line-clamp”屬性來限制文本只顯示三行，并且超出部分自動加上省略號。

以上是CSS控制三行字體省略號的方法，可以根據實際需要進行選擇使用。