Hisia cha CSS overflow-x

定义和用法

overflow-x 属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。

提示：使用 overflow-y 属性来确定对上/下边缘的裁剪。

CSS 教程：CSS 溢出

HTML DOM 参考手册：overflowX 属性

实例

裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话：

div
{
overflow-x:hidden;
}

亲自试一试

CSS 语法

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

属性值

值 描述 Mchakato
visible 不裁剪内容，可能会显示在内容框之外。 Mchakato
hidden 裁剪内容 - 不提供滚动机制。 Mchakato
scroll 裁剪内容 - 提供滚动机制。 Mchakato
auto 如果溢出框，则应该提供滚动机制。 Mchakato
no-display Ili kwamba matukio hayafikii chumba cha kina, kama hivyo kumaliza chumba kina kote. Mchakato
no-content Ili kwamba matukio hayafikii chumba cha kina, kama hivyo kushika kina kina kote. Mchakato

Maelezo ya mawasiliano

Chaguo cha kuzingatia: visible
Kumuungana: no
Muda wa kuunda: CSS3
Inaingia ya JavaScript: object.style.overflowX="scroll"

Mwongozo wa kina

Inaingia inaonyesha kwa sababu ya kwanza kwa kufikiria kwa sababu ya tabia hii inakubaliwa na kifungu cha kawaida cha kina.

Inaingia -ms- kwa namba inaonyesha kwa sababu ya kuanza kwa kuzungumza kwa kifupi.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 3.5 3.0 9.5