overflow属性值

Posted 青竹zzq

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了overflow属性值相关的知识,希望对你有一定的参考价值。

overflow属性的可取值有四种:visible、hidden、scroll、auto

  • visible:不裁剪溢出的内容。浏览器把溢出来的内容呈现在其内容元素的显示区域以外的地方,全部内容在浏览器的窗口是可见的。
  • hidden:裁剪溢出的内容。内容只显示在其容器元素区域里面,这意味着只有一部分内容在浏览器窗口里面是可见的。
  • scroll:类似于hidden,浏览器将对溢出的内容进行裁切,但会显示滚动条以便让用户能够看到内容部分。
  • auto:类似于scroll,但是浏览器只在真的发生内容溢出的时候才会显示滚动条,如果内容没有溢出则不显示滚动条

以上是关于overflow属性值的主要内容,如果未能解决你的问题,请参考以下文章

CSS3对于盒中容纳不下的内容的显示——overflow属性

对同一元素设置overflow-x:hidden,overflow-y:visible;属性值不生效

对同一元素设置overflow-x:hidden,overflow-y:visible;属性值不生效

overflow属性值

深入理解overflow

text-overflow样式属性值ellipsis的用法