缩略图不在一行中对齐

问题描述:

我想创建一个带有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>"; 
+0

是什么''div'容器class',排液,COL-MD-4,缩略图吗?你有没有机会使用'twitter bootstrap'?这不是严格的PHP问题..其HTML和CSS。 –

+0

基本上在容器中,应该有一排有3个缩略图。但是我的缩略图改为另一行。 –

+0

阅读[关于引导程序的网格系统的文档](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>";