css3内容溢出属性

overflow是css2.0的属性,css3中新增了overflow-x和overflow-y属性。

overflow-x主要是用来定义对水平方向内容溢出的剪切,而overflow-y主要是用来定义垂直方向的内容溢出的剪切。

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

visible:默认值。表示不剪切容器中的任何内容,不添加滚动条,元素将被剪切为包含对象的窗口大小,而且clip属性将失效

auto:在需要时剪切内容并添加滚动条,

hidden:内容溢出容器时,所有内容都将隐藏,而且不显示滚动条

scroll:不管内容有没有溢出容器,overflow-x都会显示横向滚动条,overflow-y都会显示纵向滚动条

no-display:当内容溢出容器时不显示内容,此时类似于添加了display:none、

no-content:当内容溢出容器时不显示内容,类似于添加了visibility:hidden; 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。