网页中标题过长，截断字符串为省略号

canca

2016-02-04 13:58

在设计网页文字列表时，常有碰到标题过长，需要显示截断部分文字，剩下用省略号代替的需求。如果我们采用js操作字符串，按字符个数来约束，遇到中英文混合时，各截取后的字符串长短不一，影响美观。
最简单做法是采用CSS来截取固定长度的字符串。写法如下：

             Css代码   
             
           
.title-ellipsis{  
  width:200px;/*调整这里的宽度*/  
  overflow:hidden;  
  white-space:nowrap;  
  text-overflow:ellipsis;  
  text-overflow: ellipsis;/* IE/Safari */  
  -ms-text-overflow: ellipsis;  
  -o-text-overflow: ellipsis;/* Opera */  
  -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/  
}  

网页中标题过长，截断字符串为省略号

发表评论