Question

我想通过一个大小为200x200像素的循环在php中创建6 <div>，并在rows内的3 columns和2 div wrapper中排列这6个div。提前致谢

<div class="wrapper">
  <?php
  $i = 1;
 for ( $i=1 ; $i<=6; $i++){
   div1    div2
   div3    div4
   div5    div6
  }
  ?>
  </div>

Answer 1

生成div很容易 - 使用css中的clear属性并使用nth-child语法分配它，如下所示：

<?php
    echo "<div class='wrapper'>";
    for( $i=0; $i < 6; $i++ ) echo "<div>$i</div>";
    echo "</div>";
?>

要查看包装器背景颜色，它需要一个高度 - 2n+1〜这是在css规范中定义的，所以你只需要像它一样使用它。请查看css-tricks.com等使用nth-child，nth-of-type(odd)等

<style>
    .wrapper{
        background:blue!important;
        display:block;
        width:80%;
        min-height:calc( 600px + 7rem );
        float:none;
        clear:both;
        margin:1rem auto;
        box-sizing:border-box;
        border:2px solid black;
        border-radius:1rem;

    }
    .wrapper div{
        width:200px;
        height:200px;
        border:1px solid black;
        float:left;
        margin:1rem;
        display:block;
        background:whitesmoke;
    }
    .wrapper div:nth-child(2n+1){
        clear:left;
    }
</style>

我如何在PHP中创建6 <div>并安排在div包装器中？

1 个答案: