可以直接這樣寫(xiě)：

for( var i=0;i team.makeup_newsList.length;i++){ var newsresult=team.makeup_newsList[i]; newstag+= p >
效果
方法一：
table增加下面屬性
參考內(nèi)容
HTML如何讓table中的td內(nèi)容過(guò)長(zhǎng)顯示為固定長(zhǎng)度，多余部分用省略號(hào)代替
這個(gè)問(wèn)題呢，是由于我們公司測(cè)試的部門測(cè)出來(lái)的，雖然說(shuō)測(cè)試的內(nèi)容本身就是個(gè)BUG，不過(guò)這個(gè)也讓我學(xué)到了一個(gè)比較好的歸類于布局的一個(gè)小技巧，就是將td標(biāo)簽中過(guò)長(zhǎng)的內(nèi)容只顯示為這個(gè)td的width的長(zhǎng)度，之后的便以省略號(hào)代替。
方式如下：
 這個(gè)功能有一個(gè)前提，在table中必須設(shè)置style:
table-layout: fixed;
 這條屬性就是讓table的內(nèi)部布局固定大小。這個(gè)時(shí)候就用width屬性調(diào)節(jié)td的長(zhǎng)度。
之后在添加如下：
 style  white-space:nowrap; overflow:hidden; text-overflow: ellipsis; /style 
屬性描述
white-space:nowrap;規(guī)定段落中的文本不進(jìn)行換行overflow:hidden;關(guān)閉滾動(dòng)條text-overflow: ellipsis;溢出的文字顯示為省略號(hào)
這個(gè)時(shí)候你會(huì)發(fā)現(xiàn)，就算變成了省略號(hào)，就會(huì)出現(xiàn)不知道內(nèi)容完整的是什么？
所以這個(gè)時(shí)候可以考慮使用td的title屬性，在title屬性中設(shè)置內(nèi)容為顯示內(nèi)容，這樣只要光標(biāo)停留在td處就可以顯示全部的內(nèi)容，如果覺(jué)得這個(gè)不夠勁。可以考慮自己寫(xiě)一個(gè)mouseover事件，讓內(nèi)容全部顯示，顯示的方式是自動(dòng)換行，如果不換行就會(huì)出現(xiàn)很難看的樣式。
so：換行也需要table-layout: fixed;
在(IE瀏覽器)長(zhǎng)串英文自動(dòng)回行
方法1：同時(shí)加入word-wrap:break-word;

table{ table-layout:fixed; word-wrap:break-word;}
 
方法二：
 style type= text/css  /*自動(dòng)換行，IE,Chrome通用，F(xiàn)ireFox連續(xù)英文不換行(遇空格換一行)*/.AutoNewline_break{ word-wrap:break-word; word-break:break-all;  .AutoNewline_normal{ word-wrap:break-word; word-break:normal;  /*強(qiáng)制不換行，IE,FireFox,Chrome通用*/ .NoNewline{ white-space:nowrap/*標(biāo)簽繼承*/ background:red; word-wrap: break-word; word-break:break-all; /style 
上述style中的.*開(kāi)頭的是指html標(biāo)簽中class是*的標(biāo)簽，p就是指所有的p。
如： .NoNewline就是指class為NoNewline的標(biāo)簽樣式改為：white-space:nowrap
用js修改style即可。當(dāng)然最后也要寫(xiě)一個(gè)mouseout事件取消mouseover事件。

相關(guān)推薦：
如何將 td 文字過(guò)長(zhǎng)的部分變成省略號(hào)顯示
css table td 文字過(guò)長(zhǎng)隱藏
用css解決table文字溢出控制td顯示字?jǐn)?shù)
以上就是html如何只顯示部分td文字的詳細(xì)內(nèi)容，html教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。