表重复区域

Question

我正在从数据库中提取两个不同的变量。名称和图像路径。我想在页面上显示如下：

|图 1|图 2|图 3|

|名称 1 |名称 2 |名称 3 |

我目前有这个代码：

<?php do { ?>
<img src="<?php echo $row_UserInfo['image_path'];?>" width="150" height="150"/>
<a href="HorseProfile.php?recordID=<?php echo $row_UserInfo['id']; ?>"style="color:#000000; text-decoration: none; text-align: center;">
<?php echo $row_UserInfo['Name']?></a>
<?php } while ($row_UserInfo = mysql_fetch_assoc($UserInfo)); ?>

我尝试在图像后添加一个中断，以便名称在它的正下方，但是当下一张图像出现时，它会在之前的名称旁边。我知道这可能非常简单，但这对我来说已经有一段时间了，如果有人能睁开眼睛告诉我我做错了什么，那将不胜感激。

Answer 1

您应该将您的图片和链接括在div 中，然后将float 括在div 中。这是一个例子：

<?php do { ?>
    <div style="float:left;">
        <div>
            <img src="<?php echo $row_UserInfo['image_path'];?>" width="150" height="150"/>
        </div>
        <div>
            <a href="HorseProfile.php?recordID=<?php echo $row_UserInfo['id']; ?>"style="color:#000000; text-decoration: none; text-align: center;">
                <?php echo $row_UserInfo['Name']?>
            </a>
        </div>
    </div>
<?php } while ($row_UserInfo = mysql_fetch_assoc($UserInfo)); ?>