.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
<span class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</span> <div class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</div>
.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
<span class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</span> <div class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</div>