CSS中的多行文字省略是指在一個元素內，當文本內容超出了容器的寬度和高度范圍時，將多余的文字省略掉，顯示為省略號。多行文字省略是Web開發中常用的布局方法之一，可以提高頁面的整體美觀性。

CSS中實現多行文字省略的方式有多種，其中較為常用的方法是使用文本溢出（text-overflow）和單行漸變（linear-gradient）兩個屬性，結合white-space屬性進行設置。

.ellipsis {
width: 300px; /* 容器寬度 */
height: 90px; /* 容器高度 */
overflow: hidden; /* 隱藏超出范圍的內容 */
text-overflow: ellipsis; /* 文本溢出時使用省略號替代 */
white-space: nowrap; /* 禁止換行 */
display: -webkit-box; /* webkit瀏覽器 */
-webkit-box-orient: vertical; /* webkit瀏覽器垂直排列 */
-webkit-line-clamp: 3; /* webkit瀏覽器顯示3行文字 */
background: linear-gradient(to bottom, transparent, #fff 90%); /* 使用單行漸變增加省略號的自然感 */
}

在上面的代碼中，我們設置了一個寬度為300px，高度為90px的容器，將超出容器范圍的內容隱藏起來，溢出時使用省略號代替內容。我們同時禁止了換行，并設置了webkit瀏覽器垂直排列和顯示3行文字。

在容器的背景中，我們使用了單行漸變：從頂部透明到底部實際顏色的90%。這樣可以增強省略號的視覺效果，使其看起來更為自然。