在網頁設計中，經常需要限制文本的字數，以使版面更加美觀和整潔。在CSS中，我們可以通過以下兩種方式來實現這個效果。

第一種方式是使用text-overflow屬性。該屬性可以將超出指定寬度的文本內容以省略號的形式進行隱藏。需要注意的是，該屬性只對單行文本起作用。

.text{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

上述代碼中，overflow屬性用于超出寬度的文本內容進行隱藏；white-space屬性用于將文本內容只顯示在一行中；text-overflow屬性則用于將超出寬度的文本內容以省略號的形式進行隱藏。

第二種方式是使用偽元素before/after加content屬性來實現。需要注意的是，該方式只適用于固定寬度的塊級元素。

.text::before{
content: "";
float: left;
width: 6em;
overflow: hidden;
}
.text::after{
content: "...";
float: left;
width: 1em;
margin-left: -1em;
text-align: center;
}

上述代碼中，before偽元素用于對超出指定寬度的文本內容進行隱藏，其中width屬性指定了隱藏的寬度，overflow屬性用于隱藏文本內容；after偽元素則用于在文本內容后面添加省略號。

通過以上兩種方式，我們可以實現對文本內容的限制和控制，從而提高網頁的美觀度和可讀性。