Table 重复区域

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

您应该将您的图像和 link 放在 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)); ?>

Table 重复区域

Table repeat region

php

database

tabular