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

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

本文关键字：一行 网站 动态 移动 如果 控制 距离 溢出 垂直      更新时间：2023-09-26

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

我知道我没有包括任何代码，但任何推动在正确的方向将是感激的。

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

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

在CSS中:

.image-container {
    overflow: hidden;
    margin-bottom: 10px;
}
相关文章：