处理溢出的属性是(溢出的处理方法)

http://www.itjxue.com  2023-02-19 06:17  来源:未知  点击次数: 

CSS属性overflow属性定义溢出元素内容区的内容会如何处理?

overflow有五个值供选择:

visible 默认值。内容不会被修剪,会呈现在元素框之外。

hidden 内容会被修剪,并且其余内容是不可见的。

scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

inherit 规定应该从父元素继承 overflow 属性的值。

overflow的属性是什么?

overflow属性规定当内容溢出元素框时发生的事情。

这个属性定义溢出元素内容区的内容会如何处理。如果值为scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

场景:文本框是用来发表意见的,不显示滚动条而且当内容溢出给出的显示空间的时候,不能再输入文字了。

扩展资料

overflow属性值:

1、visible:默认值。内容不会被修剪,会呈现在元素框之外。

2、hidden:内容会被修剪,并且其余内容是不可见的。

3、scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

4、auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

5、inherit:规定应该从父元素继承 overflow 属性的值。

总结:overflow属性值中visible和hidden是对立的,scroll和auto是对立的。inherit是继承父元素的overflow属性值,默认是scroll。

css overflow属性是什么意思

css overflow属性定义了元素处理溢出内容的方式

visible:

对溢出内容不做处理,内容可能会超出容器。

hidden:

隐藏溢出容器的内容且不出现滚动条。

scroll:

隐藏溢出容器的内容,溢出的内容可以通过滚动呈现。

auto:

当内容没有溢出容器时不出现滚动条,当内容溢出容器时出现滚动条,按需出现滚动条。textarea元素的overflow默认值就是auto。

clip:

与hidden一样,clip也被用来隐藏溢出容器的内容且不出现滚动条。不同的地方在于,clip是一个完全禁止滚动的容器,而hidden仍然可以通过编程机制让内容可以滚动。

overflow属性是什么?

overflow 为CSS中设置当对象的内容超过其指定高度及宽度时如何管理内容的属性。overflow 属性规定当内容溢出元素框时所触发的事件。

这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

扩展资料:

设置overflow的一个更流行的用处是,清除浮动。设置overflow并不会在该元素上清除浮动,它将清除自己(self-clear)。

意思就是,应用了overflow(auto或hidden)的元素,将会扩展到它需要的大小以包围它里面的浮动的子元素(而不是叠了起来(collapsing)),假设未定义高度。

参考资料?百度百科-Overflow

(责任编辑:IT教学网)

更多

推荐CGI/Perl教程文章