在網頁設計中，很多時候我們需要對文字做出限制，比如在標題、導語等位置限制文字的字數。這時候我們可以使用CSS中的一些屬性來實現。 最常用的屬性是text-overflow，可以用來設置超出限定長度文本的省略，比如： ``` p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; /*限制長度*/ } ``` 在這個例子中，我們通過將white-space設為nowrap來強制文本在一行內顯示。然后，通過overflow:hidden來隱藏超出范圍的文本。最后，使用text-overflow:ellipsis來將多余的文本用省略號代替。 當然，text-overflow只能用在單行文本上，對于多行文本需要另作處理。我們可以使用line-clamp屬性來實現多行文本的限制。 ``` p { display: -webkit-box; -webkit-line-clamp: 3; /*限制行數*/ -webkit-box-orient: vertical; overflow: hidden; } ``` 這個例子中，我們同樣使用了overflow:hidden來隱藏超出范圍的文本，然后將顯示方式設為-webkit-box，將行數限制為3行，行朝向為vertical。 需要注意的是，text-overflow和line-clamp屬性目前只在Chrome和Safari瀏覽器中支持，其他瀏覽器需要使用JS等其他方法來實現多行文本的限制。 以上是CSS中限制文字字數的簡單介紹，通過這些屬性我們能夠更好地控制文本的展示形式，提高網頁的用戶體驗。