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

2020-04-23 教育 76阅读

如果想要在一行里实现“超出长度显示省略号”,是可以的。

overflow: hidden;white-space: nowrap;text-overflow:ellipsis;

这几句css就可以,不要加上去的容器一定要写了宽度的

注意:这里实现的是“超出长度”,而不是“超出字数”,并且在一行里实现。


如果是两行或者三行的容器,想要纯用css实现这个方法,是没办法做到的。

可以提供两种方法,一是用程序输出时截字,二是用js判断字数截取。

JS的demo如下:

html>



Examples

.demo{width:100px;}



怎么显示两行或三行文字,然后多出的部分省略号代替?


声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com