制作while循环PHP？答案

【问题标题】：Make while loop PHP?制作while循环PHP？
【发布时间】：2020-04-30 11:57:32
【问题描述】：

我来找你是因为我的循环有问题，而内容设法循环但我的 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();    ?>

screenshot

.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;
}

【问题讨论】：

你的 CSS 看起来怎么样？
您的 HTML 完全不正确。你不能像这样在div 中拥有li。您也不能只将h1 放在ul 中。
应该只有一个 h1，如果你有不止一行从你的 while 循环输出，那也是不正确的 html。我建议您重做您的 html，以便在以下帮助下正确验证：validator.w3.org/#validate_by_input
我添加了 css 并进行了更改。
尝试删除 CSS 中的所有负值。这可能就是把事情搞砸的原因。

标签： php html css while-loop row

【解决方案1】：

尝试在while之后直接添加带有row class的div。而不是 ul h1，只需使用 h1。使用没有 ul 或 ol 标签的 li 没有意义，所以我用 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();?>

【讨论】：

感谢这段代码它工作正常，我只需要做 css，因为其他文件与第一个文件不一致。再次非常感谢您。
不客气，如果您在项目对齐方面仍有问题，请发布。
@chilldownhill 如果我的回答对您有帮助，请点击答案左上角的正确符号。