垂直距离控制<div>如果它溢出到下一行，在移动动态网站

Question

我正在构建网站的移动版本。该站点显示的图片下方带有说明文字。我遇到的问题是，在移动版本上，当显示下一行图片时，它会覆盖上面的标题。我的问题是有没有一种方法可以控制 div 在溢出到下一行时如何显示其内容，这样我就可以从上面的内容中给它足够的 space。

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

Answer 1

不看代码很难判断，但我建议将图像和标题包装成 div，如下所示：

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

在CSS中：

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

Vertical distance control of <div> if it spills to next line, in mobile dynamic website