Question

在使用带有左浮点项目的容器时，我遇到了一些问题，问题是im在将它们与div一起从db循环到另一个div时使用了 display：none;

while($fe = $projects->fetch_array(MYSQLI_ASSOC)){

$var = $fe['id'];
echo '
    <div class="portfolio-item" id="zd_'.$var.'" style="background:url('.$fe['imagem'].')no-repeat center;">
    <div class="portfolio-item-banner">
            <p>'.$fe['titulo'].'</p>
            <p>'.$fe['category'].'</p>
        </div>
    </div>
    ';  

// Modal 

echo '    
    <div id="modala" class="zp_'.$var.'">
            <div class="modal-left">
              <img src="'.$fe['imagem'].'" width="90%" height="480px" />
            </div>
            <div class="modal-right">
                <div class="modal-i" ><img class="close_'.$var.'"  src="templates/fabrico/images/cross.svg" height="15px"  style="margin-top:34px;"></div>
                <div class="modal-x">
                    <br>
                    <h1 style="color:#a22427;">Worksheet</h1><br>

                    <h4>CONTRACT X</h4>

                    <h4>BLABLABLA</h4><br>

                    <h4>CLIENT</h4>
                    <p>testtest</p><br>

                    <h4>LOCATION</h4>
                    <p>testtest</p><br>

                    <h4>DESCRIPTION</h4>
                    <p>testtest</p><br>
                </div>
            </div>
    </div>    
     '; 
}

发生的是，前4个项目在向左浮动时效果很好，但是其他项目只是从屏幕上消失了，看起来好像向左浮动元素无法正常工作，但是如果我从循环中删除弹出式窗口#modala表现不错

这是输出HTML

我解决了这个问题，在下面仅针对模态进行了while循环，因为模态似乎在该项目之后显示，从而破坏了流程

浮动左元素的PHP while循环问题

0 个答案: