css overflow-x屬性
翻譯結果：
英[ˌəʊvəˈfləʊ] 美[ˌoʊvərˈfloʊ]
vt.& vi.溢出，淹沒;擠滿，充滿;洋溢;資源過剩
#n.氾濫，溢出，溢出物;管;充溢，過多;超出額
vi.氾濫，溢出;充溢
adj.溢出的，滿出的
第三人稱單數： overflows 現在分詞： overflowing 過去式： overflowed 過去分詞： overflown
#####css overflow-x屬性語法
作用：規定是否對內容的左/右邊緣進行裁切 - 如果溢出元素內容區域的話。
語法：overflow-x: visible|hidden|scroll|auto|no-display|no-content;
#說明：visible 不裁剪內容，可能會顯示在內容框之外。 hidden 裁切內容 - 不提供滾動機制。 scroll 裁剪內容 - 提供滾動機制。 auto 如果溢位框，則應提供滾動機制。 no-display 如果內容不適合內容框，則刪除整個框。 no-content 如果內容不適合內容框，則隱藏整個內容。
註解：使用 overflow-y 屬性來決定上/下緣的裁切。 overflow-x 屬性無法在 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">
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
</p></div>
<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p>
<p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>
</body>
</html>執行實例 »
點擊 "執行實例" 按鈕查看線上實例