text-overflow详解
语法:
text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
对应的脚本特性为textOverflow。请参阅我编写的其他书目。
示例:
div { text-overflow : clip; }
我不知道为什么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>
from:asp学习网/title:text-overflow详解/ time:2007-2-6 22:21:45
本文主题text-overflow详解