文章專區

網頁設計相關文章

CSS的overflow屬性─控制頁面捲軸效果

 在網頁設計上,若是希望圖片或文字呈現在一定的範圍內的話,便可以透過CSS的overflow屬性,讓文字與圖片排在固定的範圍內,若超出設定的範圍,會自動變成捲軸的形式,有助於控制版面的編排。

設定值如下:
overflow: auto-自動使用捲軸,當文字超出範圍時才會出現捲軸
 
 
 overflow:visible-文字或圖片會直接超出範圍,不使用捲軸。
 
 
 
overflow:hidden-自動隱藏超出的文字或圖片。
 
overflow:scroll-不管文字有無超出範圍都會自動產生捲軸
 
 
overflow:inherit-繼承父元素