如何在IE和Edge中制作一个可信的文本省略号？

Question

在下面的简单演示中，您可以看到IE和Edge中的文本不是省略号。在Firefox和Chrome中，它是。

有人在没有JavaScript的帮助下有解决方案来制作文本省略吗？

div {
  max-width: 100px;
}

span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

<div>
  <span contenteditable="true">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan risus et mauris rhoncus mattis.</span>
</div>