在網頁設計中，我們經常需要限制或者顯示一定的字數。而CSS樣式正好可以幫助我們實現這個功能。下面我將介紹如何通過CSS設置字數顯示的方法。
首先，我們可以使用CSS的text-overflow屬性來截斷文本。當文本超過預設寬度時，我們可以讓其以省略號或其他符號來表示還有剩余的文本內容。具體的代碼如下：

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

其中，white-space設置為nowrap表示不折行，overflow為hidden表示超出部分隱藏，text-overflow為ellipsis表示以省略號結尾。
其次，我們可以通過CSS的偽元素：before和：after來設置類似于“字數統計”的效果。具體的代碼如下：

<p data-maxlength="50">This is a long paragraph.</p>
p {
position: relative;
display: inline-block;
}
p:before {
content: attr(data-maxlength) " / ";
position: absolute;
top: -1.2em;
right: 0;
font-size: 0.8em;
}
p:after {
content: "";
position: absolute;
top: -0.2em;
right: 0;
width: 100%;
height: 0.2em;
background-color: #000;
}
p[data-maxlength]:after {
content: attr(data-maxlength);
position: absolute;
top: -1.2em;
right: 0;
font-size: 0.8em;
}

在上述代碼中，我們先設置了一個包含data-maxlength屬性的p標簽，用來表示要顯示的最大字數。在CSS中，我們通過:before選擇器添加一個偽元素，用來顯示當前已輸入的字數和最大字數之間的分隔符。同時用:after選擇器添加一個偽元素，用來表示目前已經輸入的字數。
最后，我們還可以通過CSS的clip-path屬性來實現將超出預設寬度的內容進行裁剪。具體的代碼如下：

p {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
clip-path: polygon(0 0, 100% 0, 100% 1.2em, 0 1.2em);
}

其中，clip-path通過設置一個多邊形的路徑來實現內容的裁剪。
總結起來，通過CSS樣式我們可以實現限制或者顯示一定字數的功能。以上介紹的三種方法恰恰是比較常用的幾種方法，大家可以在實踐過程中多加嘗試，從而打造出各種有趣的效果。