CSS屬性 - overflow
CSS屬性overflow控制因內容超過容器尺寸而導致的溢出部分的表現。
在默認情況下,超出容器部分的內容會被裁剪并隱藏,這個行為就叫做"overflow:hidden"。如果我們需要更改裁剪方式,可以使用以下值:
1. visible:不裁剪內容并完全顯示
2. scroll:出現滾動條以滑動超出部分
3. auto:出現滾動條,但只在需要時出現,以避免顯示無用的滾動條
4. hidden:裁剪并隱藏超出部分,與默認情況相同
以下是一些例子,通過設置一個固定高度的div,可以展示overflow屬性的不同用途。
無論是用于文本、圖片還是其他類型的容器,"overflow"屬性都可以讓頁面得到更好的表現和展示效果。以下是每種overflow屬性的效果:
visible:
這段文字不會被裁剪且完全顯示
這段文字不會被裁剪且完全顯示
這段文字不會被裁剪且完全顯示
scroll:
超出部分將會出現滾動條以便于滑動瀏覽
超出部分將會出現滾動條以便于滑動瀏覽
超出部分將會出現滾動條以便于滑動瀏覽
auto:
只在需要時出現滾動條,避免無用滾動條的出現
只在需要時出現滾動條,避免無用滾動條的出現
只在需要時出現滾動條,避免無用滾動條的出現
上一篇下面時css3新增的屬性
下一篇html5加js代碼