单行文本溢出显示省略号...

.overflow{
	overflow:hidden;  // 表示文本不会换行，在同一行继续，知道遇到标签为止；
	white-space: nowrap;  // 不显示超过对象尺寸的内容，就是把超出的部分隐藏了；
	text-overflow: ellipsis;  // 当文本对象溢出是显示...，当然也可是设置属性为clip不显示点点点；
}

示例

单行文本溢出显示省略号...

多行文本溢出显示省略号...  ps：(只有- webkit内核才有作用)

.overflow{
	overflow:hidden;  // 表示文本不会换行，在同一行继续，知道遇到标签为止；
	text-overflow: ellipsis;  // 当文本对象溢出是显示...，当然也可是设置属性为clip不显示点点点；
    display: -webkit-box;  //将对象作为弹性伸缩盒子模型显示 。
    -webkit-line-clamp: 2; // 用来限制在一个块元素显示的文本的行数
    -webkit-box-orient: vertical; // 设置或检索伸缩盒对象的子元素的排列方式 。
}

示例

多行文本溢出显示省略号

多行文本溢出显示省...