Javascript 在div标记中插入省略号（…；），说明如何向其添加功能

我有一个7列的模态对话框。其中一列显示注释部分。如何将此部分限制为25个字符。我在floe省略号上使用了文本，它在第一个单词后显示省略号。我还想为省略号添加功能，这样在单击省略号时，它会弹出一个小窗口，显示注释的整个部分。我怎么做？有人能帮我吗

这是我正在使用的css

---

@注释在CSS中，我只能看到一个技巧，它包含

指针事件

和一个伪元素以及HTML中的

tabindex

属性

p{
宽度：12.5em；/*25个字母平均间距*/
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
边框：实心；
指针事件：无；
位置：相对位置；
指针事件：无；
}
p:之后{
内容：''；
位置：绝对位置；
宽度：1米；
高度：1.2米；
右：0；/*覆盖省略号*/
排名：0；
指针事件：自动；
光标：指针；
}
p:聚焦，p:激活{
空白：正常
}

佩伦特式居住者morbi tristique Sentecus et netus et malesuada是一位著名的土尔皮斯埃吉斯塔人。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥。他是一个聪明的人。威斯康辛州的前庭、调味品、康茂德维塔、奥纳雷西特、威斯康辛州。埃涅亚发酵液、精粹葡萄汁调味品、红莓汁、豆豉箭叶。在turpis枕面部进行非enim治疗。乌特·费利斯。事实上，这是一个错误，是一个错误，是一个错误，是一个错误。阿利奎姆·埃拉特·帕特。南对峙、廷西登·奎斯、accumsan porttitor、facilisis luctus、metus