?
This document uses PHP Chinese website manual Release
語(yǔ)法:
overflow-x:<overflow-style>
<overflow-style> = visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments
默認(rèn)值:visible
適用于:塊容器,伸縮盒容器,grid容器
繼承性:無(wú)
動(dòng)畫(huà)性:否
計(jì)算值:指定值
取值:
visible:
對(duì)溢出內(nèi)容不做處理,內(nèi)容可能會(huì)超出容器。
hidden:
隱藏溢出容器的內(nèi)容且不出現(xiàn)滾動(dòng)條。
scroll:
隱藏溢出容器的內(nèi)容,溢出的內(nèi)容將以卷動(dòng)滾動(dòng)條的方式呈現(xiàn)。
auto:
當(dāng)內(nèi)容沒(méi)有溢出容器時(shí)不出現(xiàn)滾動(dòng)條,當(dāng)內(nèi)容溢出容器時(shí)出現(xiàn)滾動(dòng)條,按需出現(xiàn)滾動(dòng)條。此為body對(duì)象和textarea的默認(rèn)值。
paged-x:TODO...(CSS3)
paged-y:TODO...(CSS3)
paged-x-controls:TODO...(CSS3)
paged-y-controls:TODO...(CSS3)
fragments:TODO...(CSS3)
* CSS3新增屬性可能存在描述錯(cuò)誤及變更,僅供參考,持續(xù)更新
說(shuō)明:
檢索或設(shè)置對(duì)象處理橫向溢出內(nèi)容的方式。參閱overflow、overflow-y屬性
對(duì)應(yīng)的腳本特性為overflowX。
兼容性:
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>overflow-x_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test { overflow-x: auto; width: 200px; white-space: nowrap; } </style> </head> <body> <div class="test">當(dāng)內(nèi)容超出設(shè)定的寬度時(shí)自動(dòng)出現(xiàn)橫向滾動(dòng)條</div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線(xiàn)實(shí)例