字符串根据宽度自动添加省略号(CSS)

摘自:http://www.jb51.net/article/3622.htm

关键CSS代码:
text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px


以下是实例:
Code


实例2: 如果是在<div></div>或者<li></li>里面又怎么做呢?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 

<style> 

  .ctl 
{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} 
</style> 
</HEAD> 

<BODY> 
<div class="ctl" style="width:234;height:99;background:cyan;">标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</div> 

<ul class="ctl" style="width:234;"><li>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</li><li>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</li></ul> 
</BODY>
posted @ 2009-09-05 17:53  边缘凉风  阅读(282)  评论(0编辑  收藏  举报