CSS截取字?jǐn)?shù)，指的是在網(wǎng)頁中將大段的文字按照固定長度進(jìn)行分割或縮短，以方便頁面的瀏覽和美觀。可以使用CSS的text-overflow和overflow屬性來實(shí)現(xiàn)這個(gè)效果。

/*設(shè)定固定長度，并在末尾顯示省略號(hào)*/
.text {
white-space: nowrap; /*強(qiáng)制不換行*/
overflow: hidden; /*超過長度的文本隱藏*/
text-overflow: ellipsis; /*在末尾顯示省略號(hào)*/
width: 200px; /*設(shè)定寬度*/
}
/*設(shè)定動(dòng)態(tài)長度，并在末尾顯示省略號(hào)*/
.text {
display: -webkit-box; /*設(shè)為盒子模型*/
-webkit-box-orient: vertical; /*設(shè)定垂直排列*/
-webkit-line-clamp: 2; /*顯示2行*/
overflow: hidden; /*超過長度的文本隱藏*/
text-overflow: ellipsis; /*在末尾顯示省略號(hào)*/
width: 200px; /*設(shè)定寬度*/
}

第一個(gè)例子中，設(shè)定了固定的寬度200px，如果文本長度超過了這個(gè)寬度，就會(huì)隱藏多余的文本，并在末尾顯示省略號(hào)。這個(gè)方法適用于需要固定文本長度的情況，比如列表項(xiàng)等。

第二個(gè)例子中，設(shè)定了動(dòng)態(tài)的寬度和行數(shù)，如果文本行數(shù)超過了2行，就會(huì)隱藏多余的文本，并在末尾顯示省略號(hào)。這個(gè)方法適用于需要自適應(yīng)文本行數(shù)的情況，比如博客摘要等。

CSS截取字?jǐn)?shù)是一種簡單而實(shí)用的技巧，可以讓網(wǎng)頁更加美觀和易于閱讀。使用text-overflow和overflow屬性可以輕松實(shí)現(xiàn)這個(gè)效果。