在CSS中，我們可以使用長度單位（如px、em、rem等）來設置元素的寬度。但是，如果我們想要讓不同長度的文本塊有不同的寬度，該怎么辦呢？這時，就可以使用CSS的“按照字數自定義寬度”的功能。

.text-1{
width: 10em;
}
.text-2{
width: 14em;
}
.text-3{
width: 18em;
}

以上代碼實現了給三個文本塊分別設置不同寬度的效果。其中，em單位是相對于元素字體大小的單位，因此可以實現“按照字數自定義寬度”的效果。

此外，我們還可以使用calc函數，將文本數量和其他長度單位結合起來，實現更加靈活的寬度設置。

.text{
width: calc(2em + 30%);
}

以上代碼實現了將元素寬度設置為字體大小的2倍加上30%的效果，可以根據實際需求進行調整。

總的來說，CSS的“按照字數自定義寬度”的功能可以實現更加精細的頁面布局效果，讓頁面更加美觀、舒適。