CSS截取字符串显示省略号

       有时候，为了不页面中某个Div的内容过多，而致使页面变形，咱们一般在CSs中定义overflow:hidden，这样会不显示文字，不过看上去 用户体验不太好，为了得到最佳的用户体验，咱们在隐藏文字的同时，能够在文字后边显示省略号，CSS中有现成的方法能够用，好比下面对CSS的定义：

1    /*CSS代码以下：*/    
2    show{     
3    overflow:hidden;    
4    white-space:nowrap;    
5    text-overflow:ellipsis;    
6    /*为你显示文字的div添加宽度定义，当超出宽度时会自动添加省略号*/    
7    width:30px;    
8    }

    text-overflow:ellipsis就是显示省略号