當某個頁面要顯示文章的列表時,往往不希望每行的標題由於長度過長而換行,而是希望把過長的字符串用省略號來代替。以前我都是用程序在後台去把過長的字符串替換為省略號,但是這樣做的缺點是不好維護,如果哪天想把每行的長度變長一些,還得去改程序。其實,用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>