استعمال تاغ Div كجدول بمساعدة CSS
الحل بسيط، فقط استعمل ال CSS لتعريف ال Div. كالتالي:
.divAsTd { display:inline-block; }
.divAsTr { clear:both;}
يمكنك تجربة المثال أعلاه بإعطاء الصفحة المتغيرات التالية cols & rows, أمثلة:
سوف يتم إعداد جدول فيه 2 صفوف و 6 عواميد
i=1
row=1
col=1
row=1
col=1
i=2
row=2
col=2
row=2
col=2
i=3
row=2
col=3
row=2
col=3
i=4
row=3
col=4
row=3
col=4
i=5
row=3
col=5
row=3
col=5
i=6
row=4
col=6
row=4
col=6
i=7
row=4
col=1
row=4
col=1
i=8
row=5
col=2
row=5
col=2
i=9
row=5
col=3
row=5
col=3
i=10
row=6
col=4
row=6
col=4
i=11
row=6
col=5
row=6
col=5
i=12
row=7
col=6
row=7
col=6
<?php
$rows=isset($_GET['rows']) ? (int) $_GET['rows'] : 5;
$cols=isset($_GET['cols']) ? (int) $_GET['cols'] : 5;
for($i=1;$i<=($rows*$cols);$i++){
$col=($i-1)%$cols+1;
$row=1+floor($i/$rows);
echo "<div class='divAsTd cell cell$row'>i=$i<br>row=$row<br>col=$col</div>";
if( $col==$cols) echo "<div class='divAsTr'></div>";}
?>