overflow-x是overflow子花樣，平日也很少用的。overflow-x設置匿伏溢出過寬模式(比如過寬圖片)、設置對象底部轉(zhuǎn)折條等重要。

overflow-x語法與根本懂得

1、overflow-x可設置值

overflow-x : visible | auto | hidden| scroll

值與解釋引見：

visible : 　不剪切內(nèi)容也不添加遷移轉(zhuǎn)變條。

auto : 　此為body對象與textarea的默許值。

hidden : 　不浮現(xiàn)超越對象寬度的模式

scroll : 　總是透露表現(xiàn)橫向轉(zhuǎn)動條

overflow-x語法闡發(fā)圖

2、暗藏超過跨過寬度的模式使用小實例

p{width:300px;overflow-x:hidden}

配置隱藏P標簽內(nèi)超過寬度300px的內(nèi)容，由于翰墨通常會被動換行，通長期置是預防過寬(逾越300px寬度)圖片，埋伏掉超過300px的圖片模式，如許象征著但圖片寬度超越300px后，只會顯示300px寬度內(nèi)容，過寬會被埋伏(夙昔會溢出或撐破p標簽)。

3、對象底部橫向設置裝備擺設動彈條實例

實例DIV CSS代碼：

overflow-x 轉(zhuǎn)折條 CSS5

.scroll-exp{width:300px;overflow-x:scroll}

底部涌現(xiàn)轉(zhuǎn)折條 底部泛起滾動條

總結(jié)

以上是生活随笔為你收集整理的html overflow 样式,css样式之overflow-x属性样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。