文字末尾转换省略号text-overflow: ellipsis

//一行内文字末尾转换省略号由以下3个元素组成：

overflow: hidden;//文字溢出当前盒子的内容被隐藏掉

text-overflow: ellipsis;//由文字末尾没有被隐藏的一两个文字转换为省略号

white-space: nowrap;//强制当前的文字在一行内，无论多少文字只能在一行内显示

//width:50px;谨记宽度一定要小于文字的宽度，50px只是举个例子

//前提是盒子放不下文字，也就是说当前盒子小于文字的宽度

//多行文字末尾转换省略号由以下5个元素组成：

text-overflow:ellipsis;

overflow: hidden;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 4;//控制文字在哪行显示省略号

不兼容IE与火狐，只写-webkit-前缀就好