容器溢出 关于 overflow 的属性值详细介绍

转载“共享博客”

原文 http://www.sharedblog.cn/?post=120

 

容器溢出 关于 overflow 的属性值详细介绍_第1张图片

容器溢出

    语法:

 

overflow: visible  |  hidden  |  scroll  |  auto  |  inherit;

    visible: 默认值,容器溢出不裁剪,正常显示;

    hidden: 溢出部分隐藏不可见;

    scroll: 当容器没有溢出时,会显示一个默认的滚动条,当容器溢出时,显示一个可以滚动的滚动条;

    auto: 当容器溢出时,显示滚动条;

    inherit: 规定从父元素继承overflow属性;

 

当然,还可以设置某一方向的溢出:

 

overflow-x: visible  |  hidden  |  scroll  |  auto;
overflow-y: visible  |  hidden  |  scroll  |  auto;

 

文本溢出 text-overflow 的介绍 以及 white-space 的介绍

http://www.sharedblog.cn/?post=121

 

你可能感兴趣的:(前端)