overflow 及其属性

定义
overflow 属性设置当元素的内容溢出其区域时发生的事情。
继承性：No
说明
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。
值 描述
visible 内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，但是浏览器不会显示供查看内容的滚动条。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 由浏览器决定如何显示。如果需要，则显示滚动条。
Code

代码是关于四个属性的演示。

值得注意的是这是在主流的ff和ie都能实现的效果。此外，还有一个很诱人的效果，不过只能在IE6+上被支持，就是text-overflow。

语法：
 text-overflow : clip | ellipsis
 参数：
clip : 　不显示省略标记（...），而是简单的裁切

ellipsis : 　当对象内文本溢出时显示省略标记（...）

很多人的设法让这个效果在ff里也实现，详细的我觉得用google搜索就行。

个人觉得text-overflow现在不使用，哪天W3C把它列入标准了，浏览器都支持了，再使用会比较好。

 

posted on 2008-11-05 22:59  Yinkan  阅读(455)  评论(0)  编辑  收藏  举报

导航