我的项目有问题。我想将我的数据循环到不同的div。
示例:
table1:
id image description
1 1.png aa
2 2.png bb
3 3.png cc
4 4.png dd
5 5.png ee
6 6.png ff
7 7.png gg
我有两个div div div和right div,我想要结果:
1.png aa
2.png bb
3.png cc
4.png dd
5.png ee
6.png ff
7.png gg
这是我在视图中的代码:
<?php
$query = $this->db->get('table1');
foreach($query->result() as $val):
?>
<div id="left">
<img src="<?php echo base_url().'./images/'.$val->image ?>">
<p><?php echo $val->description; ?></p>
</div>
<div id="right">
</div>
<?php endforeach; ?>
结果如下:
1.png aa
2.png bb
3.png cc
4.png dd
5.png ee
6.png ff
7.png gg
答案 0 :(得分:1)
您可以使用TABLE
轻松实现上述目标,但如果您想使用div
进行上述操作,
试试这个。
<div class="float_left">
<div class="float_left">1.png aa</div>
<div class="clear"></div>
<div class="float_right">2.png bb</div>
<div class="float_left">3.png cc</div>
<div class="clear"></div>
<div class="float_right">4.png dd</div>
</div>
css代码。
float_left{
float: left;
margin-right: 100px;
clear: both;
}
.float_right{
float: right;
}
.clear{
clear: both;
}
有关演示,请参阅this
<div class="float_left">
<?php
$var = "left";
foreach ($variable as $a) {
echo "<div class='float_$var'>$a->image" . " " . "$a->description </div>";
$var = $var == "left" ? "right" : "left";
}
?>
</div>