其实是个很简单的问题,文章标题过长 ,造成文字换行,影响显示效果。
于是后台代码 开始 length 判断,一会发现 中文和 英文宽度不同,很难判断出来。
记得以前看到过 CSS 可以来控制,于是 Google.
.title{ width:331px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
< span class =title > 客户端解决标题显示太长省略多余部分并加省略号的样式 </ span >
< div class =title > 客户端解决标题显示太长省略多余部分并加省略号的样式 </ div >
< span class =title > 客户端解决标题显示太长省略多余部分并加省略号的样式 </ span >
< div class =title > 客户端解决标题显示太长省略多余部分并加省略号的样式 </ div >