overflow-x

概述

当一个块级元素的内容在水平方向发生溢出时，CSS属性overflow-x决定应该截断溢出内容，或者显示滚动条，或者直接显示溢出内容。

• 初始值 visible
• 适用元素 non-replaced block-level elements and non-replaced inline-block elements
• 可继承 no
• 适用媒体 visual
• 计算值 as specified
• 可动画 否
• Canonical order the unique non-ambiguous order defined by the formal grammar

用法

合法值: visible | hidden | scroll | auto

overflow-x: visible
overflow-x: hidden
overflow-x: scroll
overflow-x: auto

overflow-x: inherit

解释

visible

内容不会被截断，且可以显示在内容盒之外。

hidden

内容会被截断，且不会显示滚动条。

scroll

桌面浏览器总是显示滚动条，无论内容是否发生溢出。这可以避免滚动条的显示与消失所导致的元素尺寸不确定的问题。而打印机可能会打印溢出的内容。

auto

取决于浏览器本身。当内容发生溢出时，桌面浏览器如Firefox会显示滚动条。

示例

[fixme]

规范

浏览器支持

[*] IE8 引入了属性 -ms-overflow-x ，作用与 overflow-x相同。不要使用前缀-ms-。

参见

• 相关CSS属性: text-overflow, white-space, overflow, overflow-y, clip, display