CSS是前端開發中的一大利器，可以幫助我們很好地控制頁面的樣式，其中有一個很實用的功能就是限制文字的字數。 在CSS中，我們可以使用“ text-overflow ” 和 “ white-space ” 屬性來限制文字的字數。具體用法如下： 1. text-overflow text-overflow 屬性用于控制當文本溢出容器時如何顯示，常用的屬性值有：clip(裁切)和 ellipsis(省略號)。我們可以通過設置 “text-overflow: ellipsis;” 來讓文字溢出容器時顯示省略號，從而達到限制字數的效果。 例如： p { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 以上代碼會使 p 標簽中的文本在容器寬度為200像素時自動限制字數，并將超出部分顯示為省略號。 2. white-space white-space 屬性用于控制元素內的空白怎樣處理，常用的屬性值有：normal(正常處理)、nowrap(不換行)、pre(保留空白)等。將 white-space 設置為 nowrap 可以避免文字自動換行，從而達到限制字數的效果。 例如： p { width: 200px; white-space: nowrap; overflow: hidden; } 以上代碼會使 p 標簽中的文本在容器寬度為200像素時自動限制字數，超出部分會自動隱藏。如果需要在省略號處截斷，可以結合使用 text-overflow 屬性。 以上就是使用CSS限制文字字數的方法，希望對大家有所幫助。