缩略图不在一行中对齐
问题描述:
我想创建一个带有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>";
答
试试这个它可能工作
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>";
是什么''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,开心的编码! –