在这里,我来找你,因为我有一个问题,我的循环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;
}
试着在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();?>