文本超过一定的长度换行

var ss = '活动城市：郑州市,泰兴市,北京市,瀍河回族区,杭州市,郑州市,泰兴市,北京市,瀍河回族区,杭州市,郑州市,泰兴市,北京市,瀍河回族区,杭州市,郑州市,泰兴市,北京市,瀍河回族区,杭州市,郑州市,泰兴市,北京市,瀍河回族区,杭州市';
    sp = ss.split(',');
    console.log(sp);
    console.log(sp[0].length);
    function getText(sp){
        var top1 = [];
        var middle = [];
        var foot = [];
        var len = 0;
        for (var i = 0; i < sp.length; i++) {
            len += sp[i].length;
            if(len <= 20){
                top1.push(sp[i]);
                top2 = top1.join(',');
            } else if(len > 20 && len <= 40) {
                middle.push(sp[i]);
                middle2 = middle.join(',');
            } else {
                foot.push(sp[i]);
                foot2 = foot.join(',');
            }

        }
    }
    getText(sp);
    $('.top1').html(top2);
    $('.middle').html(middle2);
    $('.foot').html(foot2);