文本过长自动形成省略号格式

text-overflow: clip/ellipsis/string; 属性规定当文本溢出包含元素时发生的事情。

	clip：修剪文本。
	ellipsis：显示省略符号来代表被修剪的文本。
	string：使用给定的字符串来代表被修剪的文本。

不过这个属性需要搭配其他的属性一起使用

	1.使用的元素要是块级元素
	2.设置width
	3.强制文本不换行，white-space: nowrap;
	4.溢出隐藏，overflow:hidden;

		}
			width: 100%;
			text-overflow :ellipsis ;
            overflow:hidden; 
            white-space:nowrap;
        }

当要实现多行溢出省略的情况时，允许文本换行，需要将元素设置成为box伸缩盒子，设置行数，排列方式。

		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;  /*元素作为box伸缩盒子*/
		-webkit-line-clamp: 3;  /*设置行数*/
		-webkit-box-orient: vertical;  /*设置排列方式*/

注意：多行溢出使用了WebKit扩展属性，所以适用于WebKit浏览器以及移动端。