在网页设计中，我们经常需要限制或者显示一定的字数。而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样式我们可以实现限制或者显示一定字数的功能。以上介绍的三种方法恰恰是比较常用的几种方法，大家可以在实践过程中多加尝试，从而打造出各种有趣的效果。