CSS中多行文本的控制是常見的前端開發問題，尤其是在設計響應式布局時更是必不可少。這里我們主要討論如何使用CSS控制多行文本中的字數。

.text-ellipsis {
display: block;
display: -webkit-box;
max-width: 100%;
height: /*line-height*/ 1.4em; 
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

以上代碼是使用CSS控制多行文本字數的經典方案。我們通過設置一個固定的高度來限制文本的行數，然后使用CSS3的屬性-webkit-line-clamp: 2讓瀏覽器在指定的行數處截斷文本，配合text-overflow: ellipsis讓截斷處以省略號...表示。值得一提的是，這里max-width: 100%的作用是讓文本自適應父容器的寬度。

需要注意的是，-webkit-line-clamp屬性只能在WebKit內核的瀏覽器中生效，因此對于使用其他瀏覽器內核的用戶，我們還需要使用其他的控制方案，比如利用JS庫自行計算文本的行數和字數，然后通過CSS實現截斷。另外，這里的line-height屬性設置也很重要，它控制了顯示文本的行高，必須保證它和對應字體的行高一致才能得到理想的顯示效果。