css文字超出显示引号，在引号后加“显示更多”，点击显示所有文字

css文字超出显示引号，在引号后加“显示更多”，点击显示所有文字，现在只能将他放在最后，但是这样就不能显示“更多”两个字

提供一个思路，这个我在做过的项目里也有这个需求
可以计算出显示区宽度、和行数；除去每个字的大小宽度，看看能显示多少个字，当大于等于这个字数了增加"显示更多"字样，并且增加多行显示省略号处理方式

用js实现

Bootstarp框架有的标签是自带这些功能的。https://v3.bootcss.com/。