PHP-獲取mysqli數據與CSS並排顯示

Question

我希望此數據表顯示為3列而不是現在的1列； 我將如何使用CSS做到這一點？

  <?php echo "<table><tr><th>Tours</th></tr>"; while($rowTours = $resultTours->fetch_assoc()){ echo "<tr><td><h4>{$rowTours['Destination']}</h4>"; echo "\\r\\n £ {$rowTours['Price']}\\r\\n"; echo "\\r\\n{$rowTours['Description']}"; echo "<img src=\\"img/{$rowTours['destimg']}\\" class =\\" img-circle img-thumbnail\\"> </td></tr>"; } echo "</table>"; ?> 

Answer 1

也許將tr標簽移動到循環之外，表標簽在哪里，像這樣？ tr是行，td是行中的單元格，我想您在循環中有3個結果，而您想在一個單元格（列）中分別顯示？

  <?php
            echo "<table><tr><th>Tours</th></tr><tr>";
           while($rowTours = $resultTours->fetch_assoc()){ 


                echo "<td><h4>{$rowTours['Destination']}</h4>"; 
                echo "\r\n £ {$rowTours['Price']}\r\n";
                echo "\r\n{$rowTours['Description']}"; 
                echo "<img src=\"img/{$rowTours['destimg']}\" class =\" img-circle img-thumbnail\"> </td>";

            }
                echo "</tr></table>";

          ?> 

Answer 2

 <?php
     echo "<table>
                 <TR>
                    <TH>Destination</TH> <TH>Price</TH> <TH>Description</TH>
                 </TR>";
     while($rowTours = $resultTours->fetch_assoc()){ 
       echo "<TR>
                <TD><h4>{$rowTours['Destination']}</h4>
                      <img src=\"img/{$rowTours['destimg']}\" 
                       class =\" img-circle img-thumbnail\"> 
          </TD> 
                <TD>£ {$rowTours['Price']}</TD>
                <TD>{$rowTours['Description']}</TD>
             </TR>";                  
            }
     echo "</table>";
   ?> 

Answer 3

<?php
     echo "<table><tr><th>Tours</th></tr><tr>";
     while($rowTours = $resultTours->fetch_assoc()){ 

        echo "<td><h4>{$rowTours['Destination']}</h4></td>"; 
        echo "<td>£ {$rowTours['Price']}</td>";
        echo "<td><img src=\"img/{$rowTours['destimg']}\" class =\" img-circle img-thumbnail\"> </td>";
     }
     echo "</tr></table>";

?>