英 [???v??fl??]? ?美 [?o?v?r?flo?]??
vt.& vi.溢出，淹沒(méi);擠滿(mǎn)，充滿(mǎn);洋溢;資源過(guò)剩
n.泛濫，溢出物;溢流管;充溢，過(guò)多;超出額
vi.泛濫，溢出;充溢
adj.溢出的，滿(mǎn)出的
第三人稱(chēng)單數(shù)： overflows 現(xiàn)在分詞： overflowing 過(guò)去式： overflowed 過(guò)去分詞： overflown
css overflow-x屬性 語(yǔ)法
作用：規(guī)定是否對(duì)內(nèi)容的左/右邊緣進(jìn)行裁剪 - 如果溢出元素內(nèi)容區(qū)域的話(huà)。
語(yǔ)法：overflow-x: visible|hidden|scroll|auto|no-display|no-content;
說(shuō)明：visible ? ?不裁剪內(nèi)容，可能會(huì)顯示在內(nèi)容框之外。hidden ? ?裁剪內(nèi)容 - 不提供滾動(dòng)機(jī)制。scroll ? ?裁剪內(nèi)容 - 提供滾動(dòng)機(jī)制。auto ? ?如果溢出框，則應(yīng)該提供滾動(dòng)機(jī)制。no-display ? ?如果內(nèi)容不適合內(nèi)容框，則刪除整個(gè)框。no-content ? ?如果內(nèi)容不適合內(nèi)容框，則隱藏整個(gè)內(nèi)容。? ??
注釋?zhuān)?/strong>使用?overflow-y?屬性來(lái)確定對(duì)上/下邊緣的裁剪。overflow-x 屬性無(wú)法在 IE8 以及更早的瀏覽器正確地工作。
css overflow-x屬性 示例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-x:hidden;
overflow-y:hidden;
}
</style>
</head>
<body>
<div><p style="width:140px">
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
</p></div>
<p>Overflow-x 是否對(duì)內(nèi)容的左/右邊緣進(jìn)行裁剪。</p>
<p>Overflow-y 是否對(duì)內(nèi)容的上/下邊緣進(jìn)行裁剪。</p>
</body>
</html>運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線(xiàn)實(shí)例