我的页面上有这样的结构:
*{
margin: 0px;
}
.div1{
width: 1000px;
background-color: grey;
overflow: hidden;
}
.div2{
width: 300px;
background-color: orange;
height: 500px
}
.div3{
width: 300px;
background-color: orange;
height: 500px;
}
.float_left{
float: left;
}
.float_right{
float: right;
}
<div class="div1">
<div class="div2 float_left">
</div>
<div class="div3 float_right">
</div>
</div>
在两个橙色容器中,我想放一些较小的div,但我从数据库中读取数据。第一行应该在
div1
中,第二行在div2
中,第三行在div1
中,依此类推。$sql = "SELECT * FROM question ORDER BY question_id DESC";
$result = mysqli_query($db,$sql);
while($row = mysqli_fetch_assoc($result)){
}
但我怎么能这样做呢?我可以打开一个div容器封闭的容器来放置一个div容器吗?
最佳答案
你真的应该自己阅读和尝试,这是一个很基本的问题。
有很多方法,这是其中之一。
声明2个变量来存储Div1
和Div2
的结果。
声明一个count
变量,并使用odd
和even
属性来决定由谁来存储结果。
输出结果。
菲律宾比索:
$sql = "SELECT * FROM question ORDER BY question_id DESC";
$result = mysqli_query($db,$sql);
$resultsForDiv1 = "";
$resultsForDiv2 = "";
$count = 0;
while($row = mysqli_fetch_assoc($result)){
if ($count%2 == 0) {
$resultsForDiv1 .= $row[0]; // You should change it to whatever data you need from $row.
}
else {
$resultsForDiv2 .= $row[0]; // You should change it to whatever data you need from $row.
}
$count++;
}
Html格式:
<div class="div1">
<div class="div2 float_left">
<?php echo $resultsForDiv1; ?>
</div>
<div class="div3 float_right">
<?php echo $resultsForDiv2; ?>
</div>
</div>
关于php - 将<a>元素放在两个不同的div中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30444561/