当某个页面要显示文章的列表时,往往不希望每行的标题由于长度过长而换行,而是希望把过长的字符串用省略号来代替。以前我都是用程序在后台去把过长的字符串替换为省略号,但是这样做的缺点是不好维护,如果哪天想把每行的长度变长一些,还得去改程序。其实,用
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 >
< 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,想和我喝酒就飞机来把,呵呵,我靠你,啊啊你总是这么猛 |