Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从大文本数据Javascript创建动态列_Javascript_Angularjs_Css - Fatal编程技术网

从大文本数据Javascript创建动态列

从大文本数据Javascript创建动态列,javascript,angularjs,css,Javascript,Angularjs,Css,我动态地获取文本,有时文本很短,有时文本很长 设计师将文本分隔为两列 如何将文本分隔为两列 我使用有角度但简单的javascript是可以的。考虑到您使用的是引导列布局,您可以将字符串内容分成两个相等的部分(空格作为断点),然后您可以像这样构造html字符串: function splitInHalf(s){ var middle = Math.floor(s.length / 2); var before = s.lastIndexOf(' ', middle);

我动态地获取文本,有时文本很短,有时文本很长

设计师将文本分隔为两列

如何将文本分隔为两列


我使用有角度但简单的javascript是可以的。

考虑到您使用的是引导列布局,您可以将字符串内容分成两个相等的部分(空格作为断点),然后您可以像这样构造html字符串:

function splitInHalf(s){

    var middle = Math.floor(s.length / 2);
    var before = s.lastIndexOf(' ', middle);
    var after = s.indexOf(' ', middle + 1);

    if (middle - before < after - middle) {
        middle = before;
    } else {
        middle = after;
    }

    var s1 = s.substr(0, middle);
    var s2 = s.substr(middle + 1);
    return [s1, s2];

}

var x = <you big or small string of content>;
var splitX = splitInHalf[x];
var _html = '<div class="col-lg-6">'+splitX[0]+'</div><div class="col-lg-6">'+splitX[1]+'</div>'

// Now set this _html as your html
函数拆分一半(s){
var middle=数学楼层(s长度/2);
var before=s.lastIndexOf(“”,中间);
之后的var=s.indexOf(“”,中间+1);
if(中间-中间前<中间后){
中间=之前;
}否则{
中间=之后;
}
var s1=s.substr(0,中间);
var s2=s.substr(中间+1);
返回[s1,s2];
}
var x=;
var splitX=splitInHalf[x];
var_html=''+splitX[0]+''+splitX[1]+''
//现在将此html设置为您的html

您是否总是希望文本分开?在什么情况下?(长度超过x个字符等)你的意思是,像MS Word那样制作两列文本?文本应该在什么时候分开?当你收到文本时,它是一部分吗?这个柱子有多大?