英 [ˌəʊ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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

热门推荐