用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>

<tr>

<a href="#">用style来实现把过长的字符串替换为省略号</a><br>

<a href="#">sunjie,想和我喝酒就飞机来把，呵呵，你总是这么猛</a>

</td>

</tr>

</table>

</body>

</html>

效果如下:

posted on 2007-10-26 13:20 向心力阅读(1446) 评论(5) 编辑收藏举报