Question

编辑：我使用php来完成此任务。

我正在创建一个从数据库（名称，照片路径）中提取信息的页面，我想让它显示图片，然后显示它下面的人名。

foreach ($result_array as $la ) {
    $firstname = $la['first_name'];
    $lastname = $la['last_name'];
    $fullname = $firstname . ' ' . $lastname;
    $image = $la['photo'];
    echo '<img src="' . $image . '" width="100px" height="100px" alt="'.$fullname.'"/> '.$fullname.' ';
}

截至目前，该名称显示在照片旁边，看起来很糟糕。如何让名字出现在照片下方？

Answer 1

虽然代码多于简单添加换行符，但您可以将图片换成public static void main(String[] args) { String m1 = args[0]; System.out.println(m1.hashCode()); System.out.println(args[0].hashCode()); System.out.println("2345".hashCode()); System.out.println(m1 == "2345"); }并在<figure>之后添加<figcaption>。

<img>

要在每行显示多个图像，请将以下内容添加到CSS中：

foreach ($result_array as $la ) {
$firstname = $la['first_name'];
$lastname = $la['last_name'];
$fullname = $firstname . ' ' . $lastname;
$image = $la['photo'];
echo '<figure><img src="' . $image . '" width="100px" height="100px" alt="'.$fullname.'"/><figcaption>'.$fullname.'</figcaption></figure>';
}

在此jsfiddle中查看。

Answer 2

尝试此操作：添加<br>以创建换行符

foreach ($result_array as $la ) {
    $firstname = $la['first_name'];
    $lastname = $la['last_name'];
    $fullname = $firstname . ' ' . $lastname;
    $image = $la['photo'];
    echo '<img src="' . $image . '" width="100px" height="100px" alt="'.$fullname.'"/> <br>'.$fullname.' ';
}

Answer 3

根据您的需要，有不同的选择。一个简单的解决方案是在图像后添加换行符：

echo '<img src="' . $image . '" width="100px" height="100px" alt="'.$fullname.'"/><br /'.$fullname.' ';

如果您想要更多控制样式，可以将名称包装在div或span中，并使用CSS进一步设置类的样式：

echo '<img src="' . $image . '" width="100px" height="100px" alt="'.$fullname.'"/><div class="imagename">'.$fullname.'</div>';

当然，您也可以将整个图像和文本包装在一个div中，在其自身的div中有或没有全名，以进一步提高样式的灵活性。

如何在foreach循环中显示照片下的名称

3 个答案: