применить CSS к данным, которые выбираются из базы данных
у меня есть код, который извлекает данные из базы данных и отображает их на веб-странице, однако при отображении данных я хочу отображать их в правильном формате, в котором каждая строка должна содержать максимум 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с детьми
Когда мы подаем заявку 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++;
}
detector