css设置内容超出后显示省略号

制作思路：

1.使用overflow: hidden把超出的内容进行隐藏；

2.然后使用white-space: nowrap设置内容不换行；

3.最后使用text-overflow: ellipsis设置超出内容为省略号

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;