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;
}

执行结果

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