7 个回答

作为一个顺便写写前端的后台...我一般是用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> 
<div class="demo"> 
<ul> 
<li>123132556</li> 
<li>1234456</li> 
<li>123132556</li> 
<li>1234456</li> 
<li>123132556</li> 
<li>1234456</li> 
</ul> 
</div> 

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

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

提供一个js的解决方案

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题