Question

CSS3的带有 hover 效果的 Text-overflow

为什么我做的段落鼠标指到那里就缩回去了？
CSS:
.div2 {
white-space:nowrap;
width:12em;
overflow:hidden;
border:1px grey solid;
}
.div2:hover {
overflow:visible;
text-overflow:inherit;
}
html：
<div class="div2" style="text-overflow:ellipsis;">士大夫士大夫士大夫士大夫士大夫士大夫士大夫士大夫士大夫士大夫士大夫士大夫士大夫士大夫</div>





Answer 1

我没有看出来问题啊。
div2有个样式是单行截字不换行，多余的隐藏

div2{overflow:hidden;text-overflow:ellipsis;overflow:hidden;}
然后div2:hover{overflow:visible}这里设置成鼠标放上去显示隐藏的字。
hover的意思是鼠标放上去的效果，当然移出去了，效果就还原了。
还是说我没懂问题是什么意思？

Answer 2

你的没有错，可能是你想实现的效果不是这样的效果，你最好是说说你自己想实现什么效果，我们好帮你看看怎么修改！