css隐藏文字:用css实现文字的自动隐藏来源: 发布时间:星期四, 2009年2月12日 浏览:118次 评论:0
=span2>语法: overflow : =span4>visible | auto | hidden | scroll =span2>参数: visible : 不剪切内容也不添加滚动条  假如显式声明此默认值 对象将被剪切为包含对象 window或frame大小并且clip属性设置将失效 auto : 此为=span4>body对象和=span4>textarea 默认值在需要时剪切内容并添加滚动条 hidden : 不显示超过对象尺寸 内容scroll : 总是显示滚动条 =span2>介绍说明: 检索或设置当对象 内容超过其指定高度及宽度时如何管理内容设置textarea对象为hidden值将隐藏其滚动条 对于table来说 假如table-layout属性设置为fixed则td对象支持带有默认值为hiddenoverflow属性如果设为 hiddenscroll或者auto那么超出td尺寸内容将被剪切如果设为visible将导致额外文本溢出到右边或左边(视 direction属性设置而定)单元格自IE5开始 此属性在MAC平台上可用 对应 脚本特性为overflow =span2>举例: body { overflow: hidden; } div { overflow: scroll; height: 100px; width: 100px; } text-overflow版本:IE6+专有属性 继承性:无 =span2>语法: text-overflow : =span4>clip | ellipsis =span2>参数: clip : 不显示省略标记(...) 而是简单裁切 ellipsis : 当对象内文本溢出时显示省略标记(...) =span2>介绍说明: 设置或检索是否使用  个省略标记(...)标示对象内文本溢出 对应 脚本特性为textOverflow请参阅我编写其他书目 =span2>举例: div { text-overflow : clip; } 代码: <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\"> <html> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; char  =gb2312\"><title>无标题文档</title> </head> <body> <table width=\"100%\" border=\"1\" cellspacing=\"2\" cellpadding=\"2\" style=\"table-layout:fixed\"> <tr> <td width=\"10%\">s</td> <td><div STYLE=\"width:60%; overflow:hidden;text-overflow:ellipsis\"> <nobr> asdfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffdata goes here </nobr></div></td> <td width=\"30%\"> </td> </tr> <tr> <td>d</td> <td><div STYLE=\"width:60%; overflow:hidden;text-overflow:ellipsis\"> <nobr> asdfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffdata goes here </nobr></div></td> <td> </td> </tr> </table> </body> </html> 0
相关文章读者评论发表评论 |
|
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
