`

随宽度大小变化多余文字自动省略的妙招

阅读更多
<!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:50%;;background:cyan;">标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</div> 
 
<ul class="ctl" style="width:234;"><li>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</li><li>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</li></ul> 
</BODY>
 
1
2
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics