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

以下为代码

div{

　　overflow: hidden;

　　text-overflow: ellipsis;

　　white-space: nowrap;

　　width: 100px;

}

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

鼠标指向显示全部文字

div:hover{

　　width: auto;

}