2016-06-26 330 views
-2

如何制作一个空白的5x5表格,边框样式为边框,使其看起来像一个网格,然后使用php循环填充数字1-25。这是迄今为止我能够完成的。使用php echo和css填充Html表格?

HTML:

<table> 
    <tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 
</table> 

for($i=1; $i<=25; ++$i) { 
     echo $i "<td>"; 
} 

的CSS

table { 
    border-collapse: collapse; 
} 

table, td { 
    border: 1px solid black; 
} 

回答

3
<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
     table { 
      border-collapse: collapse; 
     } 

     table, td { 
      border: 1px solid black; 
     } 
     </style> 
    </head> 
    <body> 
     <table> 
      <tr> 
      <?php 
       for($i=1; $i<=25; ++$i) { 
        echo '<td>' . $i . '</td>'; 
        if($i % 5 == 0 && $i !== 25) { 
         echo '</tr><tr>'; 
        } 
       } 
      ?> 
      </tr> 
     </table> 
    </body> 
</html> 
+0

谢谢你的帮助。 – Jman

+0

mmm有点小错误。** $ i = 25 **时会出现什么情况? – Vixed

+1

@Vixed,你是对的,我已经添加了一个小检查,以确保它不会插入一个空的'' –

0

运行两个环路(1行& 1列),

<?php 

    echo "<table border=2>"; 
    $num=0; 
    for($i=0;$i<5;$i++){ 
     echo "<tr>"; 
     for($j=0;$j<5;$j++){ 
      echo "<td>"; 
      echo $num++; 
     } 
     echo "</tr>"; 
    } 
    echo "</table>"; 

?> 

PHP fiddle

0

使用循环我认为你可以这样做:

<html> 
    <table> 
    <tr> 
    <?php 
      for($i=0;$i=25;$i++){ 
       echo '<td>'.$i; 
       if ($i==4 OR $i==8) { echo '</tr><tr>'; } 
      } 
    ?> 
    </tr> 
    </table> 
</html>