作为一个顺便写写前端的后台...我一般是用Flex布局然后启用它的Wrap,这样可以控制单个元素的宽度来实现单行宽度满了之后自动换行

这不得是你先写好样式的么 一个是一块 数据循环填充生成

格式是
1、2
3、4
5、6
....
如果是这种格式的话，主要是前端部分写好布局就可以了，具体数据再根据返回的json组装，例如：
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<style>
ul{width:1000px;}
ul li{width:50%; float:left; ....}
</style>

使用CSS样式控制即可，例子：

<style type="text/css"> 
.demo ul { 
width: 240px; 
} 
.demo li { 
width: 110px; /*如果显示三列 则width改为80px*/ 
float: left; 
display: block; 
} 
</style> 
<p class="demo"> 
<ul> 
<li>123132556</li> 
<li>1234456</li> 
<li>123132556</li> 
<li>1234456</li> 
<li>123132556</li> 
<li>1234456</li> 
</ul> 
</p> 

栅格布局即可，例如Bootstrap，写两个col-md-6

从你上面的布局来看，最好是用样式控制，如果碰到纯字符串的可以考虑用下面的方式。

提供一个js的解决方案

$.each(data,function(k,v){
    document.write(v.title);
    if(k%2==0){
        document.write('<br>');
    }
})

每两组加个换行不就好了么