在 CSS 中，我們可以使用“text-overflow”屬性來控制文字的溢出部分的顯示效果。當文本的寬度超出容器的寬度時，文字就會溢出容器。在這種情況下，我們可以選擇隱藏溢出部分、讓溢出部分截斷或顯示省略號。

如果我們想要控制文本的最大顯示字數，我們可以使用以下代碼：

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

在這個代碼中，我們將溢出部分隱藏，并顯示省略號。同時，我們使用了 -webkit-box 屬性將文本區域設置為一個 flexbox，通過設置 -webkit-line-clamp 來控制文本的顯示行數。

值得注意的是，-webkit-line-clamp 只在支持 Webkit 內核的瀏覽器中有效。如果需要在其他瀏覽器中實現相同的效果，我們需要使用其他方案。

總體來說，通過控制文字溢出的顯示效果和最大顯示字數，我們可以使頁面的排版更加美觀和清晰。