div+css设置列表li超出部分显示省略号

有时在制作通知栏或者其他列表内容时，希望列表中的内容超过设置的长度的时候，不要撑开父元素，也不希望它直接换行；可能会想到要用div+css设置列表li超出部分显示省略号。

这时可以在li属性中加入{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}