输入CSS代码，见下图，转到下面的步骤3第三步，执行完上面的操作之后，浏览器运行indexhtml页面 如果此时文本超过2行，则多余的部分将自动显示为省略号，见下图这样，就解决了这个问题了；ltdiv style=quotwidth 120px height 50px border 1px solid blueoverflow hidden textoverflowellipsisquot ltnobr就是比如有一行文字，很长，表格内一行显示不下ltnobr ltdiv；div width 100pxoverflowhiddentextoverflowellipsisdisplaywebkitboxwebkitboxorientverticalwebkitlineclamp2 3浏览器运行indexhtml页面，此时文字超过2行会自动把多余部分用省略号显示；lt！ 这是HTML的注释可以在这里加入关于对代码或网页功能的一些说明，以便于网页代码的可读性提高可以不要这些内容不过有些情况例外如ltstyle lt！ ltstyle 这里不要省略这中间是用来声；ltp class=quotfourquot4强制不换行，都起作用ltp ltp class=quotfivequot5不换行，超出部分隐藏且以省略号形式出现ltp ltp class=quotfivequot6不换行，超出部分隐藏且以省略号形式出现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如何设置CSS样式使网页中过长的新闻标题后面以省略号显示ltli 而在样式中加上 overflowhiddenwhitespacenowraptextoverflowellipsis 这段代码的意思是超出50px的长度后，后面以省略号显示；* css注释说明为了便于截图文章中能排版完整 所以css代码进行换行 不影响功能 * ltstyle lthead ltbody ltul id=quotdivcss5quot ltlilta href=quot#quotltnobr#8226 显示不完显示省略号，测试内容ltnobrlta；textoverflowellipsiswhitespacenowrapoverflowhidden输入框调整下就可以了，超出部分会成省略号。

html参考代码，加注释的部分就是实现多行文本省略的必要属性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表示文本不会换行，在同一行继续，知道遇到 标签为止overflow；1用js实现这样的功能纯粹就是浪费性能，不划算，最好用css来实现2用css设置超出省略非常简单 text width 300pxoverflow hiddenwhitespace nowraptextoverflow ellipsis 3如果你实在想用js来实现这样；在CSS中，textoverflowellipsis可以在文本隐藏时候在文本末尾加入省略号所以如果Html里是用li写的#160litextoverflowellipsisoverflowhiddenwhitespacenowrapdisplayblockwordbreakkeepall本身不链接。

2 字符代码a 在文本编辑器或字处理软件中，可以输入Unicode字符代码来打出省略号具体操作是在文档中输入以下代码 Windows#x2026 或 #8230 Mac\u2026 或 \u2026 b 在输入完成后，可按下Enter键。

将ltp变成高度定死，宽度自适应的行内块元素ltp这里有很长的文字这里有很长的文字这里有很长的文字这里有很长的文字ltptextoverflow ellipsis 是变成省略号的选项，但其他属性须存在才能达到想要的效果；wordbreak breakalltextoverflow ellipsisdisplay webkitboxwebkitboxorient verticalwebkitlineclamp2overflow hidden你试试这段代码， webkitlineclamp2这个是控制文本长度。