单/多行——超出文字变成.....

 <--------------------------------------------------多行文本超出-------------------------------------------------->

css样式：

p{
　　overflow: hidden;
　　text-overflow: ellipsis;
　　display: -webkit-box;
　　-webkit-line-clamp: 2;/*（行数）*/
　　-webkit-box-orient: vertical;
}

html样式：

<p>合的属性 ，将对象作为弹性伸缩盒子模型显示 合的属性 ，将对象作为弹性伸缩盒子模型显示 合的属性 ，将对象作为弹性伸缩盒 </p>

 <--------------------------------------------------单行文本超出-------------------------------------------------->

.nav_msg li{
　　display: inline-block;
　　list-style: none;
　　height: 30px;
　　 50px;
　　cursor: pointer;
　　text-align: center;
　　line-height: 30px;
　　margin-top: 3px;
　　white-space:nowrap;
　　text-overflow:ellipsis;
　　overflow:hidden;
}