缩略图未在一行中对齐

时间:2017-05-19 01:15:02

标签: php html css row thumbnails

我正在尝试创建一个包含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>";

1 个答案:

答案 0 :(得分:0)

试试这可能有效

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