CSS3字數截取是一種非常實用的工具，可以對網頁中的文本進行長度限制，使頁面看起來更加美觀。下面就來介紹一下如何使用CSS3實現字數截取。

/* 第一步：使用text-overflow屬性 */
/* 其中，ellipsis表示用省略號代替超出部分 */
p {
white-space: nowrap; /* 不允許換行 */
overflow: hidden; /* 超出部分隱藏 */
text-overflow: ellipsis; /* 超出文本用省略號表示 */
}
/* 第二步：設置寬度 */
/* 文字截取需要設置父元素的寬度才能生效 */
div {
width: 200px; /* 設置寬度為200像素 */
}
/* 第三步：設置顯示行數 */
/* 如果希望顯示多行文本，可以使用-webkit-line-clamp屬性 */
p {
overflow: hidden; /* 超出部分隱藏 */
display: -webkit-box; /* 設置為彈性盒子 */
-webkit-box-orient: vertical; /* 設置為垂直方向 */
-webkit-line-clamp: 2; /* 設置最大行數為2行 */
text-overflow: ellipsis; /* 超出部分用省略號表示 */
}

以上代碼就是實現CSS3字數截取的基本步驟，可以根據需要進行一些個性化的改動，例如修改省略符號的樣式，或者設置鼠標懸浮時顯示全部文本等效果。