我试图从数据库中获取数据到具体化的css卡。我想要的是一排只有3张牌。在一行的第三张卡片之后，它应该在下一个新行自动显示下三张卡片。
这就是我想显示它的方式，这是我的快照代码。
<?php
$cnt=1;
$sql=mysqli_query($db,"select * from addevent");
$row=mysqli_num_rows($sql);
while($row=mysqli_fetch_array($sql)){
echo"<div class='card amber lighten-1' style='grid-auto-flow:row; width:300px;margin-left:10px;'>
<div class='card-content'>";
echo "<span class='card-title activator teal-text text-darken-3'>".$row['EventName']."<i class='material-icons right'>more_vert</i></span>";
echo "<h6 class='teal-text text-darken-3'>".$row['Oname']."</h6>";
echo "<h5 class='brown-text text-lighten-3'>".$row['EventDate']." | ".$row['EventTime']."</h5>";
echo "<p class='deep-orange-text text-lighten-1'>".$row['EventAddress']."</p>";
echo"</div>";
echo"<div class='card-reveal'>";
echo "<span class='card-title orange-text text-lighten-1'>".$row['EventName']."<i class='material-icons right'>close</i></span>";
echo "<p class='teal-text text-lighten-2'>".$row['AboutEvent']."</p>";
echo"</div>";
echo"</div>";
}
echo"</div>";
?>
1条答案
按热度按时间ccgok5k51#
只需在每次迭代中运行一个计数器。一旦计数器达到3，您只需关闭当前行并打开一个新行。别忘了在那之后把计数器重置为1。