css单行文本溢出效果

1、html代码

<div class="text">
    这里是文本内容，有很长一段文本内容，很快就会超出div的宽度然后断行显示哟！
</div>

2、css代码

.text {
    width:200px; /* 指定宽度 超出这个宽度就显示省略号 */
    white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;  /*第三、四、五行代码缺一不可 溢出隐藏代码*/
}

3 显示效果

这里是文本内容，有很长一段文…