table中如果td的內容過多,則會把td撐的很寬, 顯得不美觀.
如果能讓td既美觀.也能看到完整的效果..
我們則需要,在生成td之前,給指定樣式..
這里采用jQuery來實現.
//頁面加載之后,設置.樣式. jQuery(function(){ //使用id選擇器;例如:tab對象->tr->td對象. $("#high_light tr td").each(function(i){ //獲取td當前對象的文本,如果長度大於25; if($(this).text().length>25){ //給td設置title屬性,並且設置td的完整值.給title屬性. $(this).attr("title",$(this).text()); //獲取td的值,進行截取。賦值給text變量保存. var text=$(this).text().substring(0,25)+"..."; //重新為td賦值; $(this).text(text); } }); });
<html> <head> <title>測試<title> </head> <table id="high_light "> <tr> <td> 這是很長的一段文本內容,測試是否能正常截取.這是很長的一段文本內容,測試是否能正常截取.這是很長的一段文本內容,測試是否能正常截取.這是很長的一段文本內容,測試是否能正常截取. </td> </tr> </table> </html>
From:http://zhouhaitao.iteye.com/blog/1160694