在網(wǎng)站開發(fā)中，經(jīng)常會遇到內容超出容器的情況。為了美觀和用戶體驗，我們通常需要將超出部分隱藏起來。這時候，CSS3提供了一個好用的屬性——overflow。其可設置為hidden、scroll、auto和visible。 hidden表示超出部分被隱藏，不可見； scroll表示超出部分出現(xiàn)滾動條； auto表示當內容超出容器時才出現(xiàn)滾動條； visible表示不做任何控制，超出部分可以顯示在容器外。 常用的是hidden和scroll。 如果僅需在一個方向上隱藏，可以設置overflow-x和overflow-y，如：

p{
overflow-x: hidden;
}

這表示在水平方向上隱藏超出部分，垂直方向不做限制。 當我們需要將整個容器都隱藏起來，可以使用display:none；如果僅需隱藏容器內容，可以使用visibility:hidden；

.container{
display:none;
}

這表示將整個容器都隱藏起來。

.container p{
visibility: hidden;
}

這表示將容器內的p標簽內容全部隱藏起來，但容器本身還是存在的。 以上就是CSS3中超出內容隱藏的知識點。同時，我們還可以使用text-overflow屬性來設置當文本溢出時如何渲染，默認值為clip，表示裁剪掉超出文本。當設置為ellipsis時，超出文本顯示省略號。

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

這表示文本超出時顯示省略號。需要注意的是，white-space: nowrap; 屬性確保文本不會換行，從而實現(xiàn)省略號的顯示。 總之，在網(wǎng)站開發(fā)中，超出部分隱藏非常重要。以上介紹的方法可以幫助我們實現(xiàn)這一效果。