CSS中的盒子模型是一個常見的概念，它以網頁中的元素為基礎，并定義元素的寬度和高度。在CSS盒子模型中，盒子是由四個邊界組成的，分別是：外邊框、內邊距、邊框和內容。而在某些情況下，當我們想通過CSS樣式控制盒子中文字的顯示時，需要考慮到盒子按字占用寬度的情況。

盒子按字占用寬度是指盒子的寬度是由包含的字數決定的，而不是由盒子的大小決定的。以一個簡單的例子，我們可以使用以下CSS樣式來創建一個實際寬度為100像素的盒子：

.box {
width: 100px;
border: 1px solid black;
}

這個盒子的寬度是通過width屬性設置的，因此無論盒子包含多少文字，它的寬度都是100像素。

但是，如果我們想創建一個盒子，它的寬度是由包含的文字決定的，那么我們可以使用以下CSS樣式：

.box {
display: inline-block;
border: 1px solid black;
}

在這個樣式中，我們將盒子的display屬性設置為inline-block。這意味著這個盒子將被呈現為一個內聯元素，但它具有塊狀元素的所有特性，包括寬度和高度。另外，我們去掉了width屬性的設置，這時盒子的寬度將由包含的文字決定。

總結起來，我們可以通過CSS樣式控制盒子按字占用寬度的顯示方式，即通過設置盒子的display屬性為inline-block而不設置width屬性。這樣，我們可以在網頁設計中靈活應用CSS樣式，實現不同的頁面效果。