text-overflow:ellipsis ，溢出文本显示省略号

text-overflow:ellipsis

对溢出文本显示省略号有两个好处，

一是不用通过程序限定字数 二是有利于SEO。

需要使用对对溢出文本显示省略号的通常是文章标题列表，这样处理对搜索引擎更友好，因为标题实际上并未被截字，而是局限于宽度而未被显示而已。

通常的做法是这样的：

/*通常的做法是这样的：*/
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;

 

/*例子*/
.ccname{
    display:inline-block;
    text-overflow:ellipsis;
    max-width:50%;
    overflow:hidden;
    white-space:nowrap;
    font-weight:bold;
}

部分摘抄自：http://zhidao.baidu.com/link?url=Z8Iu-HcG9XgTxD_VFmIqOsqxlI-cMJzEjj9oGdXv0kotabs373ck_Ynyxu8OxL8MJrXz0xNGXa-qJpC6xMe-y_