div超出部分省略，显示...CSS详解

 1、HTML代码

<div style="cursor:pointer;overflow: hidden; white-space: nowrap;
            text-overflow: ellipsis";title="这是title">
	 <span>
		这是内容
     </span>
</div>

 2、CSS说明

//超出文字隐藏,需要和这个结合使用
overflow: hidden;

//当文本溢出，省略号代替
text-overflow:ellipsis;

//文本不会换行，文本会在在同一行上继续,直到遇到 <br> 标签为止。
white-space: nowrap;

//设定鼠标停留时的形状为一只伸出食指的手
cursor：pointer;

//HTML title 属性 :元素的额外信息,这些信息通常会在鼠标移到元素上时显示一段工具提示文本
title : ""