用style来实现把过长的字符串替换为省略号

    当某个页面要显示文章的列表时，往往不希望每行的标题由于长度过长而换行，而是希望把过长的字符串用省略号来代替。以前我都是用程序在后台去把过长的字符串替换为省略号，但是这样做的缺点是不好维护，如果哪天想把每行的长度变长一些，还得去改程序。其实，用style完全可以实现这种效果。请看下面的例子：

< html >
< head >
< style >
.fixedTable 
{}{
       TABLE-LAYOUT: fixed
}
.listcell 
{}{

       PADDING-RIGHT: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; OVERFLOW: hidden; PADDING-TOP: 3px; TEXT-OVERFLOW: ellipsis
}
</ style >
</ head >
< body >
   < table  width ='200'  border ="1"  class ="fixedtable" >
     < tr >
      < td  nowrap class ="listcell" >
        < a  href ="#" > 用style来实现把过长的字符串替换为省略号 </ a >< br >
       < a  href ="#" > sunjie,想和我喝酒就飞机来把，呵呵，你总是这么猛 </ a >
     </ td >
   </ tr >
</ table >
</ body >
</ html >

 

效果如下:

用style来实现把过长的字符串替换为省略号 sunjie,想和我喝酒就飞机来把，呵呵，我靠你，啊啊你总是这么猛

 

转载于:https://www.cnblogs.com/northdevil/archive/2007/10/26/938574.html