Question

我的代码有什么问题吗？一些隐藏的引用，我忘了关闭。

  {
  echo '<div class="project_box" title="'. $row['title']. '">';
  echo '<p class="project_title">' . $row['title'] . '</p>';
  echo '<img src="data:image/jpeg;base64,' . base64_encode($row['image']) . '" width="200" height="200"</img>';
  echo '</div>';
  }

当我在我的项目框中回显它时，它在图像的底部和我给div的底部边框之间有一些空间。我给盒子一个高度“自动”。

这是div我把回声的东西放在;

.project_box{
    float:left;
    width: 200px;
    height: auto;
    border: 1px solid #dbae78;
    opacity: 0.7;
}

我找不到问题:(我希望你在我的代码中看到我没有看到atm的问题。我希望边框粘在图像的底部。

Answer 1

看起来像是

echo '<img src="data:image/jpeg;base64,' . base64_encode($row['image']) . '" width="200" height="200"</img>';

应该是

echo '<img src="data:image/jpeg;base64,' . base64_encode($row['image']) . '" width="200" height="200" />';

img标记是一个自我结束标记，意味着它不会有<img>和</img>，只有<img/>。此外，即使它确实如此，您仍然没有在标签的开头有结束括号。

div的末端和底部边界之间的空间

1 个答案: