1用js实现这样的功能纯粹就是浪费性能，不划算，最好用css来实现2用css设置超出省略非常简单 text width 300pxoverflow hiddenwhitespace nowraptextoverflow ellipsis 3如果你实在想用js来实现这样；div width 100pxoverflowhiddentextoverflowellipsisdisplaywebkitboxwebkitboxorientverticalwebkitlineclamp2 3浏览器运行indexhtml页面，此时文字超过2行会自动把多余部分用省略号显示。

输入CSS代码，见下图，转到下面的步骤3第三步，执行完上面的操作之后，浏览器运行indexhtml页面 如果此时文本超过2行，则多余的部分将自动显示为省略号，见下图这样，就解决了这个问题了；这个是因为设置了超出多少字符就省略号替换吧 你希望能全部看到信息 如果这是一个table 就把当前这一列的td的样式设置溢出部分滚动条，或者自动 这里面的内容就不会省略了 但是如果是通过后台获取的 你需要和程序员沟通，不。

1默认情况，它是自动换行的2设置文字不换行whitespacenowrap，强行撑开3如果不希望容器被撑开，那就给文字加省略号ltstyle type=quottextcssquotdivbox width150px whitespacenowrap overflowhidden。

宽度自适应的行内块元素ltp这里有很长的文字这里有很长的文字这里有很长的文字这里有很长的文字ltptextoverflow ellipsis 是变成省略号的选项，但其他属性须存在才能达到想要的效果；能显示完几个字ltnobrltaltli ltul ltbody lthtml这是一个例子，也就是利用css的textoverflowellipsis 属性进行设置这可以做到内文本溢出时显示省略号，即起作用的是这一行 overflowhidden。

JS的这样 lthtml ltscript function x var str=documentgetElementByIdquottd1quotinnerHTMLvar cd=strlengthifcd5documentgetElementByIdquottd1quotinnerHTML=strsubstring0，5+quotquot lt；有点麻烦，有几个问题用css的textoverflow ellipsis显示省略号IE貌似很好，但FF这贱狐狸精和其他某些贱浏览器不支持，只有用xxxaftercontentquotquot来添加省略号网上还有种方法是加个span里面用三个点的背景图。

textoverflowellipsiswhitespacenowrapoverflowhidden在li里添加上这三句就行了，少加一条都不行这样可以溢出省略号，要是直接让它超出部分隐藏，就overflowhidden就可以的但是，上面给你的在FF上是没有效果的；1给那个td加 textoverflowellipsis，和 whitespacenowrap 使td的内容不换行，超长出省略号2鼠标hover上去显示全 最简单的方法给那个td一个title属性，属性值是全部内容 hover上去自动就有了，但不是图上的那种。

这篇文章介绍的内容是html如何只显示部分td文字，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 可以直接这样写HTML如何让table中的td内容过长显示为固定长度，多余部分用省略号代替 这个问题呢，是由于我们；单纯的css只能实现一行显示不下的时候显示省略号，如果是多行的话，就需要用js实现了。

wordbreak breakalltextoverflow ellipsisdisplay webkitboxwebkitboxorient verticalwebkitlineclamp2overflow hidden你试试这段代码， webkitlineclamp2这个是控制文本长度；你可以点击该链接，然后按快捷键ctrl+A就可以全选连接内容，然后按ctrl+c就可以复制全部内容。