overflow-x

语法:

overflow-x<overflow-style>

<overflow-style> = visible | hidden | scroll | auto | no-display | no-content

默认值visible

适用于:非置换块元素和非置换内联块元素

继承性:无

取值:

visible:
不剪切内容。
hidden:
将超出对象宽度的内容进行裁剪,将不出现滚动条。
scroll:
将超出对象宽度的内容进行裁剪,并以滚动条的方式显示超出的内容。
auto:
在需要时剪切内容并添加滚动条,此为body对象和textarea的默认值。
no-display:
当内容不适合当前内容盒子时,整个盒子将被移除,类似display:none。
no-content:
当内容不适合当前内容盒子时,整个内容被隐藏,类似visibility:hidden。

说明:

检索或设置当对象的内容超过其指定宽度时如何管理内容。参阅overflowoverflow-y属性
  • 对应的脚本特性为overflowX

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6-10 #1 4-18 #1 5.1.7 #1 13-25 #1 11.5-12.5 #1
  1. 不支持:no-display | no-content 属性值。

示例: