您的位置：首页 > 其它

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

2007-10-27 21:53 302 查看

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

效果如下:

.fixedTable { TABLE-LAYOUT: fixed}.listcell { PADDING-RIGHT: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; OVERFLOW: hidden; PADDING-TOP: 3px; TEXT-OVERFLOW: ellipsis}

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航