格式是
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>
从你上面的布局来看,最好是用样式控制,如果碰到纯字符串的可以考虑用下面的方式。
提供一个js的解决方案
$.each(data,function(k,v){
document.write(v.title);
if(k%2==0){
document.write('<br>');
}
})
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
作为一个顺便写写前端的后台...我一般是用Flex布局然后启用它的Wrap,这样可以控制单个元素的宽度来实现单行宽度满了之后自动换行