使while循环PHP？

Question

在这里，我来找你，因为我有一个问题，我的循环while，内容管理循环，但我的css只工作在第一个文本显示。这里附上了我的循环的代码和渲染的截图.如果你有任何修正的建议，我会接受它。

<?php while($row = $req->fetch()) { 

            ?>      

            <div class="col-sm-8 col-md-8 text_dia">
                <h2 class="reference_dia"><a href="<?php $row['lien']?>" class="lien_reference"> <?php echo $row['reference']; ?></a></h2>
                    <h1 class="titre_dia"><?php echo $row['titre']; ?></h1>
                        <p class="description_dia"><?php echo $row['description']; ?></p>

                </div>

<?php }
    $req->closeCursor();    ?>

截图

.text_dia {
    margin-left:-300px;
    margin-top:400px !important; 
}
.reference_dia {
    margin-left:-600px;
    margin-bottom:-35px;
    margin-top:30px;
    font-size :20px;
    color:black; 
}
.lien_reference {
    color:#0174DF;
    background-color: transparent;
}
.lien_reference:hover { 
    text-decoration:underline;
}
.titre_dia {
    margin-left:-378px;
    font-weight:bold;
    color:black;
    font-size:21px;
    text-transform:uppercase;
    font-family:Times, Times New Roman, serif;
}
.description_dia {
    margin-top:-30px;
    color:black;
    margin-left:20px;
    text-align:left;
}

Answer 1

试着在while之后直接添加带有行类的div.代替ul h1，只用h1.使用li没有ul或ol标签是没有意义的，所以我用p标签代替了你的li

<?php while($row = $req->fetch()) {  ?>     

<div class ="row">
<div class="col-sm-8 col-md-8 text_dia">
    <p class="reference_dia"><a href="<?php $row['lien']?>" 
    class="lien_reference"> <?php echo $row['reference']; ? 
   ></a></p>
    <h1 class="titre_dia"><?php echo $row['titre']; ?></h1>
<p class="description_dia"><?php echo 
 $row['description']; ?></p>
 </div>
 </div>
<?php }
$req->closeCursor();?>