超出文本部分显示省略号

做对话框的时候，用户的名字有英文，有中文，刚开始没有考虑到起的名字天马星空的情况，后来发现了，为了快速改，用了很傻的判断文字长度的方法加省略号，后面有空了，网上搜到了对应的css的方法

li{

　　        display:block;

           overflow:hidden;

           word-break:keep-all;

           white-space:nowrap;

           text-overflow:ellipsis;

　　}

附上注释及效果图