在CSS中显示最大字符数，在一些web开发中是一个常见的需求。可以通过使用CSS的属性、选择器和特性来控制字符数的显示。这里我们来介绍几种方法。

方法一：使用CSS的text-overflow特性

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

在上面的代码中，text-overflow特性的值被设置为“ellipsis”，这会在达到最大字符数后用省略号表示。可以根据需要在宽度和最大字符数之间做出合适的调整。

方法二：使用CSS的伪类选择器

.ellipsis::after {
content: "…";
}
.ellipsis {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;  
overflow: hidden;  
}

这里我们使用CSS的伪类选择器，将“…”加在最大字符数后面。另外也使用了CSS的-webkit-box和-webkit-line-clamp特性，使得超出最大字符数的内容被隐藏。

方法三：使用JavaScript

var maxLength = 10; // 最大字符数
$('#input').on('input', function() {
var input = $(this).val();
if (input.length > maxLength) {
input = input.slice(0, maxLength);
$(this).val(input);
}
});

在上面的代码中，使用jQuery监听输入框的内容变化，当内容达到最大字符数时，截取输入框内容并将其设置为最大字符数限制的值。这种方法可以应用于更加复杂的场景。

总之，这些方法可根据需求灵活选择，不同场景可以使用不同的方法来达到最好的显示效果。