html 測試 上入 下出

html 測試 單入 單出

html 測試 左右 各一 測試

html 測試 左入右出

尾部連結 hbbb(xx)

onload onscroll onresize

2018年3月2日 星期五

CSS語法應用:overflow控制捲軸

CSS語法應用:overflow控制捲軸

捲軸控制在網頁設計上算是滿常碰到的問題, 尤其當div排版的方法逐漸成為主流時, 善用overflow就能有效的的掌握各種捲軸效果。

overflow:狀態         控制當內容超過顯示區域時捲軸的顯示,
overflow-x:狀態      x捲軸的顯示。
overflow-y:狀態      y捲軸的顯示。

捲軸顯示有四種狀態 ﹕
visible(預設):內容完全顯示不嵌入顯示區域。
auto:內容嵌入顯示區域,並視情況顯示水平與垂直捲軸。
scroll:內容嵌入顯示區域,水平捲軸會出現但視情況顯示可捲動或不可捲動。
hidden:內容嵌入顯示區域,捲軸不會出現。

例子 : <div style="overflow:scroll"><img src="xxx.jpg></div>
overflow-x:scroll ; overflow-y:hidden

overflow-x:hidden ; overflow-y:scroll

overflow:scroll

overflow:hidden

沒有留言:

張貼留言