日期:2014-05-17  浏览次数:20735 次

CSS overflow:hidden的理解

overflow:hidden    自动隐藏超出的字符,图片,防止撑出层和表格的范围。不过你真的理解了这个标签吗?

这两天帮客户做div+css重构,遇到了这样的问题。对方的标题是中英文混排,没法控制字符的数量

我也想到了overflow:hidden这个标签   不过只是没理解透  网上的文字也没细说  主要是这个范围  一般我们只考虑了横向的范围,就是定义width 但是没考虑纵向的范围,没定义height 于是不管怎么搞  就是不隐藏,自动换行,后来在调整上下间距的时候,突然想到没定义height  字符所以会跑到换行  赶紧定义height  ok了 显示完美了. 

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