css3内容溢出属性

时间:2021-06-07 15:54:56

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;