當文本內(nèi)容過長或顯示區(qū)域太小時，可能需要使用省略號來表示截斷的內(nèi)容。但是，如果一行顯示不下，省略號就會顯示在第一行的最后，看起來很不美觀。來看看CSS如何實現(xiàn)省略號顯示在第二行。

/* 設(shè)置文本顯示2行 */
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

以上代碼中，我們使用了text-overflow:ellipsis來指定省略號的樣式。同時，為了將文本顯示在2行，設(shè)置了display: -webkit-box、-webkit-box-orient: vertical和-webkit-line-clamp: 2。

請注意，以上代碼中使用了-webkit-前綴。這是為了兼容一些老版本的瀏覽器，需要添加前綴才能正常使用。

另外，如果想要將省略號顯示在第3行或更多行，只需要將-webkit-line-clamp的值調(diào)整即可。

通過CSS，我們可以實現(xiàn)文本的截斷并將省略號顯示在第二行，使頁面更加美觀。