div+css怎么显示两行或三行文字，然后多出的部分省略号代替？？

微信公开课小程序热门讨论「div+css怎么显示两行或三行文字，然后多出的部分省略号代替？？」最新回复-如果想要在一行里实现“超出长度显示省略号”，是可以的。overflow:hidden;whitespace:nowrap;textoverflow:ellipsis;这几句css就可以，不要加上去的容器一定要写了宽度的注意：这里实现的是“超出长度”，而不是“超出字数”，并且在一行里实现。如果是两行或者三行的容器，想要纯用css实现这个方法，是没办法做到的。可以提供两种方法，一是用程序输出时截字，二是用js判断字数截取。JS的demo如下：!DOCTYPEhtmlhtmlheadmetacharset=utf8titleExamples/titlestyletype=text/css.demo{width:100px;}/style/headbodydivclass=demoid=demo怎么显示两行或三行文字，然后多出的部分省略号代替?/divscript//js无法直接通过class获取对象，必须自己写一个方法,这样效率会非常低，原生js里最好用id获取，//直接用id获取domo对象varoBox=document.getElementById(demo);//slice()方法可从已有的数组中返回选定的元素。//您可使用负值从数组的尾部选取元素。//如果end未被规定，那么slice()方法会选取从start到数组结尾的所有元素。//此处需要根据需求自行修改slice()的值，以达到要显示的内容vardemoHtml=oBox.innerHTML.slice(0,10)+...;//填充至指定位置oBox.innerHTML=demoHtml;/script/body/html
各位所说的都是css的排版方式，通常不会关心内容字符的多少，只在内容超出容器大小的时候隐藏而已，更不会好心加上省略号。lz所说的问题：1、可以用简单的js方法做到，在页面里判断字符串s长度，当超过某个值max时，取s的长max的子串，并在后面合并字符串...即可，这样比较方便灵活。2、在内容未传到客户端之前，即对该内容做上述截取长度的处理，那么客户端得到的就是xxxx.....。这种做法一劳永逸，但是该页面还要用完整内容的话，则只能再传一遍啦。本回答被提问者采纳 更多有关「div+css怎么显示两行或三行文字，然后多出的部分省略号代替？？」的疑问请扫码关注微信公开课+小程序！