javascript - 移动动态网站溢出到下一行的垂直距离控制

Question

我正在构建网站的移动版本。该站点显示的图片下方带有说明文字。我遇到的问题是，在移动版本上，当显示下一行图片时，它会覆盖上面的标题。我的问题是，如果 div 溢出到下一行，是否有一种方法可以控制它如何显示其内容，以便我可以为其上方的内容提供足够的空间。

我知道我没有包含任何代码，但任何朝着正确方向的插入都会受到赞赏。提前致谢。

Answer 1

如果不看代码很难判断，但我建议像这样将图像和标题包装到一个 div 中:

<div class="image-container>
    <img src="yourImage"/>
    <div> Some caption </div>
</div

在 CSS 中:

.image-container {
    overflow: hidden;
    margin-bottom: 10px;
}