text-overflow:ellipsis 显示省略符号来代表被修剪的文本
浏览器支持性：所有主流浏览器都支持（chrome、ie、firefox、safari、opera）
注意：下面这些css属性要一起使用（text-overflow适用块级元素）
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
显示省略号来代替被修剪的文本经常用在列表显示（Web移动端）。
text-overflow的另一个属性值clip会修剪文本。
添加hover事件显示全部内容，如下所示：
div.test:hover
扫描二维码关注公众号，回复：
487015 查看本文章
{
text-overflow:inherit;
overflow:visible;
}