在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監聽輸入框的內容變化，當內容達到最大字符數時，截取輸入框內容并將其設置為最大字符數限制的值。這種方法可以應用于更加復雜的場景。

總之，這些方法可根據需求靈活選擇，不同場景可以使用不同的方法來達到最好的顯示效果。