輸入CSS代碼，見下圖，轉(zhuǎn)到下面的步驟3第三步，執(zhí)行完上面的操作之后，瀏覽器運(yùn)行indexhtml頁(yè)面 如果此時(shí)文本超過(guò)2行，則多余的部分將自動(dòng)顯示為省略號(hào)，見下圖這樣，就解決了這個(gè)問(wèn)題了；ltdiv style=quotwidth 120px height 50px border 1px solid blueoverflow hidden textoverflowellipsisquot ltnobr就是比如有一行文字，很長(zhǎng)，表格內(nèi)一行顯示不下ltnobr ltdiv；div width 100pxoverflowhiddentextoverflowellipsisdisplaywebkitboxwebkitboxorientverticalwebkitlineclamp2 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)文字超過(guò)2行會(huì)自動(dòng)把多余部分用省略號(hào)顯示；lt！ 這是HTML的注釋可以在這里加入關(guān)于對(duì)代碼或網(wǎng)頁(yè)功能的一些說(shuō)明，以便于網(wǎng)頁(yè)代碼的可讀性提高可以不要這些內(nèi)容不過(guò)有些情況例外如ltstyle lt！ ltstyle 這里不要省略這中間是用來(lái)聲；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)題超過(guò)15個(gè)字 titleTemp = lefttitleTemp，15quotquotend if news=newsquot lttd width=quotquot84%quotquotltlilta href=quotquothtmlquotrsquothtmlquotquotquotquotquottitleTempquotltaltlilttdquot；ellipsisquot如何設(shè)置CSS樣式使網(wǎng)頁(yè)中過(guò)長(zhǎng)的新聞標(biāo)題后面以省略號(hào)顯示ltli 而在樣式中加上 overflowhiddenwhitespacenowraptextoverflowellipsis 這段代碼的意思是超出50px的長(zhǎng)度后，后面以省略號(hào)顯示；* css注釋說(shuō)明為了便于截圖文章中能排版完整 所以css代碼進(jìn)行換行 不影響功能 * ltstyle lthead ltbody ltul id=quotdivcss5quot ltlilta href=quot#quotltnobr#8226 顯示不完顯示省略號(hào)，測(cè)試內(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來(lái)實(shí)現(xiàn)2用css設(shè)置超出省略非常簡(jiǎn)單 text width 300pxoverflow hiddenwhitespace nowraptextoverflow ellipsis 3如果你實(shí)在想用js來(lái)實(shí)現(xiàn)這樣；在CSS中，textoverflowellipsis可以在文本隱藏時(shí)候在文本末尾加入省略號(hào)所以如果Html里是用li寫的#160litextoverflowellipsisoverflowhiddenwhitespacenowrapdisplayblockwordbreakkeepall本身不鏈接。

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

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