CSS 字符串裁剪在 Web 開發中是一個非常常見的需求， 它可以幫助我們保證顯示的文本長度不會超過一定的限制，從而使頁面更加美觀和易讀。

CSS 的字符串裁剪可以通過 text-overflow 和 overflow 屬性來實現， 具體代碼如下：

<code>
p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</code>

代碼中的 overflow 屬性規定文本超出容器的部分應該如何處理， 在這里我們將其設置為隱藏。 text-overflow 屬性規定當文本溢出容器元素時， 可以添加省略號表示文本被截斷。 white-space 屬性規定只顯示單行文本， 這樣我們就可以控制它的長度了。

字符串裁剪常用于顯示標題、留言、文章摘要或一些元素列表， 此技術可以使頁面上的文本更具有可讀性， 并且讓我們更好地掌握文本長度。