单看你提供的图片有可能真是靠字数控制的 不然“更多”似乎会更靠右

我能想到的可能是前提要知道该div能够容纳的最大字数，超出就添加省略号。

 function get_len(str){
    var len=str.length;
    var realLen=len;
    for(var i=0;i<len;i++){
        var code=str.charCodeAt(i);
        if(!(code>=0&&code<=128)){
            realLen++;
        }
    }
    return realLen;
}

 function ellipsis(text, maxLength) {
    var ret = text;
    if (get_len(text) > maxLength) {
        ret = ret.substr(0,maxLength-3) + "...";
    }
    return ret;
}

• jQuery Text Overflow plugin

• dotdotdot

也有纯 css 实现的方案，不过只能支持 chrome 。 传送门