在前端開發中，CSS樣式是不可或缺的一環，其中文字所占的寬度也是非常重要的。在進行頁面設計時，需要考慮文字的長度和寬度，來達到最佳的排版效果。下面，我們來探討一下CSS中文字所占的寬度。

首先，我們需要理解文字的度量單位：em，px，pt和百分比。其中，em是相對于當前元素的字體大小，px是固定像素，pt是用于打印的度量單位，百分比是相對于父元素的尺寸。相比而言，em和百分比是常用于設計中的單位。

p {
font-size: 16px;
width: 20em;
}

在上面的代碼中，我們設置了段落的字體大小為16像素，寬度為20em。這意味著段落的寬度將會根據字體大小自適應變化。

除了字體大小和寬度之外，還有一種屬性可以影響文字所占的空間 - 文字間距。通過letter-spacing屬性來控制文字間的距離。例如：

h1 {
font-size: 32px;
letter-spacing: 1px;
}

在上面的代碼中，我們設置了標題的字體大小為32像素，文字間距為1像素。這將會影響標題所占的寬度。

另外需要注意的是，在使用CSS樣式設置文字寬度時，并不會影響文字在內部容器中的對齊方式。如果需要對齊文字，可以在容器中添加text-align屬性。例如：

div {
width: 50%;
text-align: center;
}

在上面的代碼中，我們將容器的寬度設置為50%，并將其中的文字居中對齊。

總結來說，CSS樣式對文字所占的寬度有著重要的作用。在設計頁面時，需要結合不同的度量單位、文字間距和對齊方式來獲取最佳的效果。