Html Css在末尾添加3个点

我在div的末尾加上3个点有问题。我的文本太长了，不能I don’我没有足够的空间显示，在div的前面我想显示3个点

我知道文本溢出省略号，但现在在IE和Firefox上工作正常

有没有可能用另一种方式做

我想在CSS中创建易用性，但不知道如何使用省略号

HTML

div{
最大宽度：100%；
高度：38px；
溢出：隐藏；
位置：相对位置；
线高：1米；
最大高度：3em；
文本对齐：对齐；
右侧填充：1em；
字体大小：20px；
}
部门：以前{
内容：“…”；
位置：绝对位置；
右：2px；
底部：0px；
}

Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务
暂时性的劳工和财产损失。我们在这里吃得很少，
他在乌拉姆科实验室实习，并在普通实验室实习
康塞奎特。在沃鲁帕特·维利特·埃塞的《雷德亨德瑞特》中，两人或两人互为受害者
纤毛多洛雷欧盟福吉亚无巴黎。圣奥卡塔铜塔除外
傲慢的人，必须为自己的行为负责。

我知道你要求CSS，但你可能（或未来的读者可能）不想要CSS：它不会在窗口大小改变时更新，而且它不是一个很好的、灵活的、也不容易使用的方法“…”，我遇到了我试图用CSS解决的同样问题，最后我使用了一个名为的JS库

---

PS：请不要不喜欢，因为它不符合所有标准，我有完全相同的问题，我知道CSS不一定是最好的选择（对于用户体验和开发人员），所以重要的是你知道你所有的选择。

你不应该使用！重要的如果你使用它，那就意味着你没有正确地使用类！“重要”将比所有内容都具有更高的规则权重，如果您的html非常大，则可能会出现问题。

<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

 div{
  height:38px !important;
  overflow: hidden;
 }