css文字超出隐藏

设置文字不换行，超过的部分用“...”代替

以下为代码

div{

　　overflow: hidden;
　　text-overflow: ellipsis;
　　white-space: nowrap;
　　width: 100px;

}

除width属性外，顺序不要颠倒哦！

鼠标指向显示全部文字
div:hover{

　　width: auto;

}