overflow-x是overflow子花樣,平日也很少用的。overflow-x設置匿伏溢出過寬模式(比如過寬圖片)、設置對象底部轉折條等重要。
overflow-x語法與根本懂得
1、overflow-x可設置值
overflow-x : visible | auto | hidden| scroll
值與解釋引見:
visible : 不剪切內容也不添加遷移轉變條。
auto : 此為body對象與textarea的默許值。
hidden : 不浮現超越對象寬度的模式
scroll : 總是透露表現橫向轉動條
overflow-x語法闡發圖
2、暗藏超過跨過寬度的模式使用小實例
p{width:300px;overflow-x:hidden}
配置隱藏P標簽內超過寬度300px的內容,由于翰墨通常會被動換行,通長期置是預防過寬(逾越300px寬度)圖片,埋伏掉超過300px的圖片模式,如許象征著但圖片寬度超越300px后,只會顯示300px寬度內容,過寬會被埋伏(夙昔會溢出或撐破p標簽)。
3、對象底部橫向設置裝備擺設動彈條實例
實例DIV CSS代碼:
overflow-x 轉折條 CSS5.scroll-exp{width:300px;overflow-x:scroll}