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

<div>xxxxxxxx</div>

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

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