Question

I have this structure on my page:

*{
  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>

And inside the two orange container's I want to put some smaller divs, but I read the data from a database. The first row should be in div1, the second in div2, the third in div1 and so on.

$sql = "SELECT * FROM question ORDER BY question_id DESC";
$result = mysqli_query($db,$sql);

while($row = mysqli_fetch_assoc($result)){
}

But how can I do something like that? Can I open a div container closed container to place a div container inside the container?

Answer 1

你应该自己阅读并尝试，这是非常基本的问题。

有很多方法，这里就是其中之一。

声明2个变量以存储Div1和Div2的结果。
声明count变量并使用odd和even属性来决定是否存储结果。
输出结果。

<强> PHP：

$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>

Answer 2

您应该做的是将$row变量中的数据存储到新变量中，然后可以在两列中输出。像这样：

<?php

$sql = "SELECT * FROM question ORDER BY question_id DESC";
$result = mysqli_query($db, $sql);

// Use this to toggle column on the sql results
$left_right = true;

while ($row = mysqli_fetch_assoc($result)) {
    if ($left_right) {
        // Add to left column variable
        // [some code to add the data from $row to $left_column_content]
    } else {
        // Add to right column variable
        // [some code to add the data from $row to $right_column_content]
    }

    // Switch columns by inverting the boolean from true to false, false to true
    $left_right = !$left_right;
}

?>

<div class="div1">
  <div class="div2 float_left">
    <?php echo $left_column_content; ?>
  </div>

  <div class="div3 float_right">
    <?php echo right_column_content; ?>
  </div>
</div>

放置<a> elements inside two different divs

2 个答案: