CSS中有一個屬性，可以讓多行文字在一定程度上省略顯示，這個屬性就是text-overflow。

text-overflow: ellipsis;

這個屬性需要結(jié)合兩個屬性來使用，一個是overflow，一個是white-space。

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

overflow屬性里面的hidden表示超出元素內(nèi)容區(qū)域的部分被隱藏起來，而white-space屬性的nowrap表示文字不換行。這樣就能讓多行文字變成單行文字了。而text-overflow屬性里的ellipsis表示超出部分使用省略號代替。

需要注意的是，這個屬性只對單個塊級元素起作用，對于內(nèi)部子元素中的文本，可以使用display: inline-block;來實現(xiàn)。

.parent {
width: 200px;
height: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.child {
display: inline-block;
}

在這個例子中，parent元素設置了寬度和高度，overflow和white-space屬性，以及text-overflow屬性，表示只顯示元素區(qū)域內(nèi)的文字，并且使用省略號代替超出部分。而在內(nèi)部，使用inline-block讓文字在同一行內(nèi)顯示。

這樣，就能在不使用JS等腳本的情況下實現(xiàn)多行文字的省略了。