CSS3多行溢出是一種解決文本內(nèi)容溢出的方法。當(dāng)一個(gè)元素中的文本內(nèi)容過(guò)多時(shí)，我們可以使用CSS3多行溢出來(lái)設(shè)置一個(gè)容器的最大高度和寬度，使得元素內(nèi)的文本可以自動(dòng)換行并在達(dá)到最大高度和寬度后出現(xiàn)省略號(hào)。

下面是一個(gè)使用CSS3多行溢出的例子：

.container {
max-width: 300px;
max-height: 100px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

在上面的代碼中，我們使用了max-width和max-height屬性來(lái)設(shè)置容器的最大寬度和最大高度，同時(shí)使用overflow:hidden屬性來(lái)隱藏超出容器大小的文本。我們還使用了text-overflow:ellipsis屬性來(lái)控制文本溢出時(shí)顯示的省略號(hào)。

接下來(lái)，我們使用了CSS3的-webkit-box屬性，這個(gè)屬性可以將元素作為一個(gè)彈性伸縮盒子來(lái)處理，當(dāng)元素內(nèi)部?jī)?nèi)容過(guò)多時(shí)可以自動(dòng)換行，并且使用-webkit-box-orient:vertical屬性來(lái)控制文本的方向?yàn)榇怪狈较颉?/p>

最后，我們使用了-webkit-line-clamp:3屬性來(lái)控制文本的行數(shù)，當(dāng)超過(guò)3行時(shí)，文本會(huì)出現(xiàn)省略號(hào)。

通過(guò)使用CSS3多行溢出，我們可以很方便地實(shí)現(xiàn)文本內(nèi)容的顯示和隱藏，讓頁(yè)面的布局更加美觀和統(tǒng)一。