鼠标移上去显示全部内容

>

    

    

    

"container">绿叶学习网成立于2015年4月1日，是一个富有活力的技术学习网站。绿叶学习网为广大网络工作者（网页开发人员、站长等）提供各种精品教程以及最精华资料。绿叶学习网跟其他垃圾采集站不一样，绿叶学习网中的每一个课程、每一篇文章，甚至每一个知识点，都凝聚了本人的最辛勤的汗水。

在浏览器预览效果如下：

分析：

当鼠标移上去时，全部内容会逐渐显示出来，最终效果如下：

这里使用了CSS3过渡效果，并且使用了我们之前所学到的text-overflow属性。当文字超出一定范围时会以省略号显示，并隐藏多余的文字，就必须用到以下语句：

1 2 3

text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

	
		
		
		
	
	
		

			
				欢迎光临本寒舍啊哈哈哈哈啊哈哈哈