css小發現:隱藏捲軸、強迫物件換行
有時在設定固定範圍物件時,總會有那麼奇怪的事發生: 就是捲軸竟然出現了!明明就剛剛好大小,怎麼會發生這樣的事呢… 這時就有css的設定出現了: overflow-y: scroll; overflow-x: hidden; 有x跟y兩個 除此之外,相關的設定有: 加入/隱藏捲軸語法 預設使用捲軸 overflow:auto; 刪除捲軸 overflow:hidden; 刪除水平捲軸 overflow-x:hidden; 刪除垂直捲軸 overflow-y:hidden; 捲軸變色 可放在所有有捲軸的地方,一般來說放在html{}裡就可。 html{ scrollbar-face-color: 色碼; /*捲軸顏色*/ scrollbar-highlight-color: 色碼; /*捲軸左與上內邊框*/ scrollbar-shadow-color: 色碼; /*捲軸右與下內邊框*/ scrollbar-3dlight-color: 色碼; /*捲軸左與上外邊框*/ scrollbar-darkshadow-color: 色碼; /*捲軸右與下外邊框*/ scrollbar-arrow-color: 色碼; /*捲軸箭頭*/ scrollbar-track-color: 色碼; /*捲軸底色*/ } 捲軸左置 建議不要把主框架捲軸左置;文字會變成全部倒反,會不太好處理。 捲軸左置語法 direction: rtl; 語法加在你想改的捲軸語法欄位即可(有捲軸的地方皆可)。 例如我想把主選單的捲軸左置則:#links {direction: rtl;} 資料夾、欄位加入捲軸 有些欄位(最新回應、最新引用...之類),總是佔了...
留言
張貼留言