asp学习网: 首页 >> css教程 >> text-overflow详解

text-overflow详解

首先我们来看看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详解

asp教程 ©2006-2007 aspxuexi.com | 关于站点 | 版权隐私 | 站内搜索
复制或者翻版 请于夜间进行