在網(wǎng)頁中，經(jīng)常遇到文字或者圖片太大，超出了容器大小的情況。這時(shí)候，我們可以使用一些css方法來自動(dòng)隱藏超出的內(nèi)容，讓網(wǎng)頁看起來更整潔。

其中一種方法是使用text-overflow屬性，通過省略號來隱藏文本的超出部分。

.container {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

在這個(gè)例子中，white-space: nowrap讓文本不換行，overflow: hidden隱藏超出部分，text-overflow: ellipsis在超出部分末尾添加省略號。

除了使用text-overflow，還可以使用clip-path屬性來隱藏超出的圖片部分。

.container img {
clip-path: inset(0 20px 20px 0);
}

這個(gè)例子中，clip-path: inset(0 20px 20px 0);通過指定裁剪區(qū)域來隱藏了圖片的右下角。

當(dāng)然，以上兩個(gè)屬性只是 css 中隱藏超出內(nèi)容的其中一種方式，具體的使用應(yīng)根據(jù)實(shí)際情況來選擇。