Html / Css - 用点替换单行或多行

时间:2014-05-14 19:14:22

标签: jquery html css replace

我创建了这个jsfiddle,第一行的末尾用点代替:

http://jsfiddle.net/U8DmL/4/

代码:

div#container {
    font-size:14px;
    line-height:14px;
    width:140px;
    height:100px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

但是如果我想显示两行或更多行文字呢?

并用末尾的点替换第二行?

有人有个主意吗? (可能用html / css或jquery吗?)

1 个答案:

答案 0 :(得分:0)

我使用jquery

更新了你的小提琴

看看是否有帮助

$(function(){
 var content = $("#container").html();
if((content.length > 50 )) {

$("#container").html(content.substring(0,50) + "...")
}

})

http://jsfiddle.net/U8DmL/6/