輸入CSS代碼，見下圖，轉(zhuǎn)到下面的步驟3第三步，執(zhí)行完上面的操作之后，瀏覽器運行indexhtml頁面 如果此時文本超過2行，則多余的部分將自動顯示為省略號，見下圖這樣，就解決了這個問題了；ltdiv style=quotwidth 120px height 50px border 1px solid blueoverflow hidden textoverflowellipsisquot ltnobr就是比如有一行文字，很長，表格內(nèi)一行顯示不下ltnobr ltdiv；div width 100pxoverflowhiddentextoverflowellipsisdisplaywebkitboxwebkitboxorientverticalwebkitlineclamp2 3瀏覽器運行indexhtml頁面，此時文字超過2行會自動把多余部分用省略號顯示；lt！ 這是HTML的注釋可以在這里加入關(guān)于對代碼或網(wǎng)頁功能的一些說明，以便于網(wǎng)頁代碼的可讀性提高可以不要這些內(nèi)容不過有些情況例外如ltstyle lt！ ltstyle 這里不要省略這中間是用來聲；ltp class=quotfourquot4強制不換行，都起作用ltp ltp class=quotfivequot5不換行，超出部分隱藏且以省略號形式出現(xiàn)ltp ltp class=quotfivequot6不換行，超出部分隱藏且以省略號形式出現(xiàn)ltp CSS代碼one wordbreak；JS的這樣 lthtml ltscript function x var str=documentgetElementByIdquottd1quotinnerHTMLvar cd=strlengthifcd5documentgetElementByIdquottd1quotinnerHTML=strsubstring0，5+quotquot lt。

titleTemp15 then #39如果標題超過15個字 titleTemp = lefttitleTemp，15quotquotend if news=newsquot lttd width=quotquot84%quotquotltlilta href=quotquothtmlquotrsquothtmlquotquotquotquotquottitleTempquotltaltlilttdquot；ellipsisquot如何設(shè)置CSS樣式使網(wǎng)頁中過長的新聞標題后面以省略號顯示ltli 而在樣式中加上 overflowhiddenwhitespacenowraptextoverflowellipsis 這段代碼的意思是超出50px的長度后，后面以省略號顯示；* css注釋說明為了便于截圖文章中能排版完整 所以css代碼進行換行 不影響功能 * ltstyle lthead ltbody ltul id=quotdivcss5quot ltlilta href=quot#quotltnobr#8226 顯示不完顯示省略號，測試內(nèi)容ltnobrlta；textoverflowellipsiswhitespacenowrapoverflowhidden輸入框調(diào)整下就可以了，超出部分會成省略號。

html參考代碼，加注釋的部分就是實現(xiàn)多行文本省略的必要屬性lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleDocumentlttitleltheadltstyle comment_inner width 200px；直接看代碼吧lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleHTML5標簽lttitle ltstyle p whitespacenowrap表示文本不會換行，在同一行繼續(xù)，知道遇到 標簽為止overflow；1用js實現(xiàn)這樣的功能純粹就是浪費性能，不劃算，最好用css來實現(xiàn)2用css設(shè)置超出省略非常簡單 text width 300pxoverflow hiddenwhitespace nowraptextoverflow ellipsis 3如果你實在想用js來實現(xiàn)這樣；在CSS中，textoverflowellipsis可以在文本隱藏時候在文本末尾加入省略號所以如果Html里是用li寫的#160litextoverflowellipsisoverflowhiddenwhitespacenowrapdisplayblockwordbreakkeepall本身不鏈接。

2 字符代碼a 在文本編輯器或字處理軟件中，可以輸入Unicode字符代碼來打出省略號具體操作是在文檔中輸入以下代碼 Windows#x2026 或 #8230 Mac\u2026 或 \u2026 b 在輸入完成后，可按下Enter鍵。

將ltp變成高度定死，寬度自適應(yīng)的行內(nèi)塊元素ltp這里有很長的文字這里有很長的文字這里有很長的文字這里有很長的文字ltptextoverflow ellipsis 是變成省略號的選項，但其他屬性須存在才能達到想要的效果；wordbreak breakalltextoverflow ellipsisdisplay webkitboxwebkitboxorient verticalwebkitlineclamp2overflow hidden你試試這段代碼， webkitlineclamp2這個是控制文本長度。