這篇文章主要介紹了css中overflow-x屬性樣式是什么，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司是一家專(zhuān)注于網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),田家庵網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:田家庵等地區(qū)。田家庵做網(wǎng)站價(jià)格咨詢(xún):13518219792

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

overflow-x語(yǔ)法與根本懂得

1、overflow-x可設(shè)置值
overflow-x : visible | auto | hidden| scroll

值與解釋引見(jiàn)：
visible : 　不剪切內(nèi)容也不添加遷移轉(zhuǎn)變條。
auto : 　此為body對(duì)象與textarea的默許值。
hidden : 　不浮現(xiàn)超越對(duì)象寬度的模式
scroll : 　總是透露表現(xiàn)橫向轉(zhuǎn)動(dòng)條

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

2、暗藏超過(guò)跨過(guò)寬度的模式使用小實(shí)例

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

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

3、對(duì)象底部橫向設(shè)置裝備擺設(shè)動(dòng)彈條實(shí)例
實(shí)例DIV CSS代碼：

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