首先我们来看看text-overflow的语法:
语法: text-overflow : clip | ellipsis 参数: clip : 不显示省略标记(...),而是简单的裁切 ellipsis : 当对象内文本溢出时显示省略标记(...) 说明: 设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。 text-overflow:ellipsis属性在FF中是没有效果的。 示例: div { text-overflow : clip; }
关于text-overflow属性如何应用,我们作如下的说明讲解: 只加一种,或两种,是不成功的。 我不知道为什么text-overflow一直是一个不常用的样式,其实它完全可以代替我们 通常所用的标题截取函数,而且这样做对搜索引擎更加友好,具体的实现如下: 程序代码 <style> .title_list a { width:200px; font-size:12px; text-decoration:none; line-height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } </style> <ul class="title_list"> <li><a href="#">环法官员斥责肮脏可耻行为</a></li> <li><a href="#">钢巴借主场之利信心十足 实德欲更进一步捧杯而归</a></li> <li><a href="#">中锋时代在梦之队没落 梦系列风光不再症结所在</a></li> </ul> |
|