用css实现文本不换行切超出限制时显示省略号

div{
    max-width: 500px; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;/*文本不换行*/
}