从大文本数据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那样制作两列文本?文本应该在什么时候分开?当你收到文本时,它是一部分吗?这个柱子有多大?