استعمال تاغ Div كجدول بمساعدة CSS

الحل بسيط، فقط استعمل ال CSS لتعريف ال Div. كالتالي:

.divAsTd { display:inline-block; }
.divAsTr { clear:both;}

يمكنك تجربة المثال أعلاه بإعطاء الصفحة المتغيرات التالية cols & rows, أمثلة:

Cols 4 Rows 4
Cols 6 Rows 4
Cols 2 Rows 6
Cols 6 Rows 2
Cols 1 Rows 4

سوف يتم إعداد جدول فيه 6 صفوف و 2 عواميد

i=1
row=1
col=1

i=2
row=1
col=2

i=3
row=1
col=1

i=4
row=1
col=2

i=5
row=1
col=1

i=6
row=2
col=2

i=7
row=2
col=1

i=8
row=2
col=2

i=9
row=2
col=1

i=10
row=2
col=2

i=11
row=2
col=1

i=12
row=3
col=2

 
 <?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>";
}

  ?>