用CSS实现超长的字符变成省略号

<div>xxxxxxxx</div>

通过以下css，可以令div中的超长的字符变成省略号

div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}