css overflow:hidden属性解析

发布时间:2019-07-21编辑:脚本学堂
本文介绍了overflow:hidden属性的用法,overflow:hidden,自动隐藏超出的字符、图片,防止撑出层和表格的范围,有需要的朋友参考下。

网站使用div+css重构,标题是中英文混排,没法控制字符的数量。

想到了overflow:hidden这个标签,主要是这个范围,一般只考虑了横向的范围,就是定义width 但是没考虑纵向的范围,没定义height,于是不管怎么搞,就是不隐藏,自动换行,后来在调整上下间距时,突然想到没定义height  字符所以会跑到换行,赶紧定义height,但可以正常显示了。

在ff中不允许程序员“偷懒”,该写的一定要写。
但是,在ie就比较适合喜欢“偷懒”的程序员。

css中overflow:hidden的作用

值描述visible默认值。
内容不会被修剪,会呈现在元素框之外。
hidden内容会被修剪,并且其余内容是不可见的。
scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit规定应该从父元素继承 overflow 属性的值。

overflow:hidden作用;
1,最常用到的即overflow:hidden,一般用在固定宽高的div里面,目的是隐藏溢出使内部元素高度即使超过父元素也能够被隐藏。
2,overflow:hidden另外一个作用,用在没有宽高的div中,用于清除浮动。
应用了overflow(auto或hidden)的元素(默认高度height:auto),将会扩展到它需要的大小以包围它里面的浮动的子元素。
一个奇特的属性,许多coder都喜欢利用这个特性来清除浮动。