css超出部分隐藏，鼠标放上去展示全部？

<div class="box">
    哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</div>

.box{
width: 100px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.box:hover{
width: auto; // 设置默认宽度，具体宽度多少自己设置
text-align: left; // 防止宽度过大文字居中
}