CSS的overflow屬性
發表人:
Seachaos
積分: 2432
積分: 2432
overflow是CSS的一種屬性
是對內容超出範圍所做的設定
分別有
auto:依照內容決定是否出現捲軸
visible:完全顯示,不管內容是否超出
scroll:會出現水平的捲軸都會出現
hidden:超過的內容部份會完全被隱藏
以下是CSS的overflow範例,以width 300px,height 60px的div做屬性範例
auto:
auto 少內容
auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容
visible
visible 少內容
(注意!!由於內容會被顯示,所以有設定Height的話會蓋到其他內容如下)
visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容
scroll:
scroll 少內容
scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容
hidden:
如果使用div標籤的話,要有指定height和width效果才會出現
是對內容超出範圍所做的設定
分別有
auto:依照內容決定是否出現捲軸
visible:完全顯示,不管內容是否超出
scroll:會出現水平的捲軸都會出現
hidden:超過的內容部份會完全被隱藏
以下是CSS的overflow範例,以width 300px,height 60px的div做屬性範例
auto:
auto 少內容
auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容 auto 多內容
visible
visible 少內容
(注意!!由於內容會被顯示,所以有設定Height的話會蓋到其他內容如下)
visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容 visible 多內容
被蓋掉的內容
被蓋掉的內容
被蓋掉的內容
被蓋掉的內容
被蓋掉的內容
被蓋掉的內容
被蓋掉的內容
被蓋掉的內容
被蓋掉的內容
scroll:
scroll 少內容
scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容 scroll 多內容
hidden:
如果使用div標籤的話,要有指定height和width效果才會出現