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

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

html參考代碼，加注釋的部分就是實(shí)現(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標(biāo)簽lttitle ltstyle p whitespacenowrap表示文本不會(huì)換行，在同一行繼續(xù)，知道遇到 標(biāo)簽為止overflow；1用js實(shí)現(xiàn)這樣的功能純粹就是浪費(fèi)性能，不劃算，最好用css來實(shí)現(xiàn)2用css設(shè)置超出省略非常簡單 text width 300pxoverflow hiddenwhitespace nowraptextoverflow ellipsis 3如果你實(shí)在想用js來實(shí)現(xiàn)這樣；在CSS中，textoverflowellipsis可以在文本隱藏時(shí)候在文本末尾加入省略號(hào)所以如果Html里是用li寫的#160litextoverflowellipsisoverflowhiddenwhitespacenowrapdisplayblockwordbreakkeepall本身不鏈接。

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

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