[英]apply css to data that is being fetched from database
我有一个代码可以从数据库中获取数据并将其显示在网页上,但是在显示数据时,我希望以适当的格式显示它,即每行最多应有5-6个项目和数量
1 2 3 4 5 6
7 8 9 10 11 12
13 ..依此类推
<?php
$con=mysqli_connect("localhost","root","","db");
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$student = mysqli_real_escape_string($con, $_POST['student']);
$classid = mysqli_real_escape_string($con, $_POST['classid']);
$result = mysqli_query($con,"SELECT * FROM class where classid='".$classid."'");
while($row = mysqli_fetch_array($result))
{
$z=$row['studentid'];
$resultt = mysqli_query($con,"SELECT * FROM school where id='".$z."'");
while($roww = mysqli_fetch_array($resultt))
{
echo "<div class='ddd'>";
echo "<h5>";
echo "<ul>";
echo "<li>".$roww['student']."</li>";
echo "</ul>";
echo "</h5>";
echo "</div>";
}
}
mysqli_close($con);
?>
但是我不明白如何应用css,以便每一行都得到固定数量的值
首先,在包装器div中显示所有结果。
?>
<div id="rest" style="width:99%">
<?php
$resultt = mysqli_query($con,"SELECT * FROM school where id='".$z."'");
while($roww = mysqli_fetch_array($resultt))
{
echo "<div class='ddd'>";
echo "<h5>";
echo "<ul>";
echo "<li>".$roww['student']."</li>";
echo "</ul>";
echo "</h5>";
echo "</div>";
}
?>
</div>
然后应用样式表。
<style>
#rest .ddd {
width: 16.3%;
float: left;
}
</style>
说明:
我们将#rest
父级,并将所有结果div
#rest
子级
当我们应用float: left
,所有div将与先前的同级并排放置。
如果未达到要求的宽度,它们将转到另一行,就像我们已应用换行符一样。
一行上需要6 div
,因此100/6 = 13.66
将是每个子div的宽度。
您可以使用模数,说您想在每6个项目后断裂
$resultt = mysqli_query($con,"SELECT * FROM school where id='".$z."'");
$i=1;
while($roww = mysqli_fetch_array($resultt))
{
echo "<div class='ddd'>";
echo "<h5>";
echo "<ul>";
echo "<li>".$roww['student']."</li>";
echo "</ul>";
echo "</h5>";
echo "</div>";
if( $i % 6 == 0){
Your code to break line like <br/> in HTML
}
$i++;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.