1用js實現(xiàn)這樣的功能純粹就是浪費(fèi)性能，不劃算，最好用css來實現(xiàn)2用css設(shè)置超出省略非常簡單 text width 300pxoverflow hiddenwhitespace nowraptextoverflow ellipsis 3如果你實在想用js來實現(xiàn)這樣；div width 100pxoverflowhiddentextoverflowellipsisdisplaywebkitboxwebkitboxorientverticalwebkitlineclamp2 3瀏覽器運(yùn)行indexhtml頁面，此時文字超過2行會自動把多余部分用省略號顯示。

輸入CSS代碼，見下圖，轉(zhuǎn)到下面的步驟3第三步，執(zhí)行完上面的操作之后，瀏覽器運(yùn)行indexhtml頁面 如果此時文本超過2行，則多余的部分將自動顯示為省略號，見下圖這樣，就解決了這個問題了；這個是因為設(shè)置了超出多少字符就省略號替換吧 你希望能全部看到信息 如果這是一個table 就把當(dāng)前這一列的td的樣式設(shè)置溢出部分滾動條，或者自動 這里面的內(nèi)容就不會省略了 但是如果是通過后臺獲取的 你需要和程序員溝通，不。

1默認(rèn)情況，它是自動換行的2設(shè)置文字不換行whitespacenowrap，強(qiáng)行撐開3如果不希望容器被撐開，那就給文字加省略號ltstyle type=quottextcssquotdivbox width150px whitespacenowrap overflowhidden。

寬度自適應(yīng)的行內(nèi)塊元素ltp這里有很長的文字這里有很長的文字這里有很長的文字這里有很長的文字ltptextoverflow ellipsis 是變成省略號的選項，但其他屬性須存在才能達(dá)到想要的效果；能顯示完幾個字ltnobrltaltli ltul ltbody lthtml這是一個例子，也就是利用css的textoverflowellipsis 屬性進(jìn)行設(shè)置這可以做到內(nèi)文本溢出時顯示省略號，即起作用的是這一行 overflowhidden。

JS的這樣 lthtml ltscript function x var str=documentgetElementByIdquottd1quotinnerHTMLvar cd=strlengthifcd5documentgetElementByIdquottd1quotinnerHTML=strsubstring0，5+quotquot lt；有點麻煩，有幾個問題用css的textoverflow ellipsis顯示省略號IE貌似很好，但FF這賤狐貍精和其他某些賤瀏覽器不支持，只有用xxxaftercontentquotquot來添加省略號網(wǎng)上還有種方法是加個span里面用三個點的背景圖。

textoverflowellipsiswhitespacenowrapoverflowhidden在li里添加上這三句就行了，少加一條都不行這樣可以溢出省略號，要是直接讓它超出部分隱藏，就overflowhidden就可以的但是，上面給你的在FF上是沒有效果的；1給那個td加 textoverflowellipsis，和 whitespacenowrap 使td的內(nèi)容不換行，超長出省略號2鼠標(biāo)hover上去顯示全 最簡單的方法給那個td一個title屬性，屬性值是全部內(nèi)容 hover上去自動就有了，但不是圖上的那種。

這篇文章介紹的內(nèi)容是html如何只顯示部分td文字，有著一定的參考價值，現(xiàn)在分享給大家，有需要的朋友可以參考一下 可以直接這樣寫HTML如何讓table中的td內(nèi)容過長顯示為固定長度，多余部分用省略號代替 這個問題呢，是由于我們；單純的css只能實現(xiàn)一行顯示不下的時候顯示省略號，如果是多行的話，就需要用js實現(xiàn)了。

wordbreak breakalltextoverflow ellipsisdisplay webkitboxwebkitboxorient verticalwebkitlineclamp2overflow hidden你試試這段代碼， webkitlineclamp2這個是控制文本長度；你可以點擊該鏈接，然后按快捷鍵ctrl+A就可以全選連接內(nèi)容，然后按ctrl+c就可以復(fù)制全部內(nèi)容。