overflow-x

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

 

语法

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

值

值描述
visible 不裁剪内容，可能会显示在内容框之外。
hidden 裁剪内容 - 不提供滚动机制。
scroll 裁剪内容 - 提供滚动机制。
auto 如果溢出框，则应该提供滚动机制。
no-display 如果内容不适合内容框，则删除整个框。
no-content 如果内容不适合内容框，则隐藏整个内容。

例子

HTML 

<div class="stage">当内容超出设定的宽度时自动出现横向滚动条</div>

CSS 

.stage{
  overflow-x:auto;
  width:200px;
  white-space:nowrap;
}

执行结果

当内容超出设定的宽度时自动出现横向滚动条


跳至内容顶部