php - 通过嵌套的 while 循环保证 div

Question

我有一个循环中的循环 (PHP)，如下所示:

while(mysql...) {
 echo $row1->name.'<img src="info.png" />';
 while(another_mysql...) {
  echo $row2->name.'<img src="image.png" />';
 }
}

现在这将导致这样的结果:

head_1 [info.png]
value_a1 [image.png]
value_a2 [image.png]
value_a3 [image.png]
head_2 [info.png]
value_b1 [image.png]
value_b2 [image.png]

如您所见，图像不在一条直线上，因为值可能不同，导致图像向右推。

当使用 str_pad(); 转换值时，它确实有效但不稳定并且有一点错误。 我不知道如何将图像放在值所在的 div 旁边的 div 中，因为循环不喜欢它。

我该怎么做才能让它输出类似的东西:

head1      [info.png]
value_a1   [image.png]
value_a2   [image.png]
value_a3   [image.png]
head2      [info.png]
value_b1   [image.png]
value_b2   [image.png]

Answer 1

使用以下代码使其正确对齐:

echo "<div style='width:310px'>";
while(mysql...) {
 echo '<div style="width:50px;float:left">'.$row1->name.'</div><div style="width:250px;float:right"><img src="info.png" /></div>';
 while(another_mysql...) {
  echo '<div style="width:50px;float:left">'.$row2->name.'</div><div style="width:250px;float:right"><img src="image.png" /></div>';
 }
}
echo "</div>";

在你的 while 循环中使用它。希望对您有所帮助。