縮略圖不在一行中對齊

我想創建一個帶有3個縮略圖的行，問題是它沒有在一行中對齊，而是每個縮略圖都在不同的行中。縮略圖不在一行中對齊

echo "<table>"; 
     echo "<tr>";    
     echo "</tr>"; 
    while($row=mysqli_fetch_array($result)){ 
    echo "<div class=\"container\">"; 
    echo "<div class=\"row-fluid\">"; 
    echo "<div class=\"col-md-4\">"; 
    echo "<div class=\"thumbnail\">"; 
     echo "<img alt=\"News\" src=\"images/{$row["image"]}\">"; 
     echo "<div class=\"caption\">"; 
      echo "<h3>{$row["title"]}</h3>"; 
      echo "<p>{$row["caption"]}</p>"; 
      echo "<p align=\"right\">"; 
      echo "<a class=\"btn btn-primary\" href=\"{$row["newsupdate"]}\">Read More</a>"; 
echo "</p>"; 
echo "</div>"; 
echo "</div>"; 
echo "</div>"; 
echo "</div>"; 
echo "</div>";

來源

2017-05-19 Jay Doe

是什麼''div'容器class'，排液，COL-MD-4，縮略圖嗎？你有沒有機會使用'twitter bootstrap'？這不是嚴格的PHP問題..其HTML和CSS。 –

基本上在容器中，應該有一排有3個縮略圖。但是我的縮略圖改爲另一行。 –

閱讀[關於引導程序的網格系統的文檔]（http://getbootstrap.com/css/#grid-example-basic）它會幫助你.. tl;博士，你需要一個'div'與'class' 'row'然後把'''''col'''''放入''div'裏面。首先嚐試一下html，然後找出php，開心的編碼！ –

試試這個它可能工作

echo "<table>"; 
      echo "<tr>";    

     while($row=mysqli_fetch_array($result)){ 
      echo "<img alt=\"News\" src=\"images/{$row["image"]}\">"; 
      echo "<div class=\"caption\">"; 
       echo " <td> <h3>{$row["title"]}</h3> </td> "; 
       echo "<td><p>{$row["caption"]}</p></td>"; 
       echo "<td> <a class=\"btn btn-primary\" href=\{$row["newsupdate"]}\">Read More</a>"; 
    echo "</td>"; 
    } 
    echo "</tr>"; 
    echo "</table>";

來源

2017-05-19 02:41:33

縮略圖不在一行中對齊

回答

相關問題