【问题标题】:Div with text won't stay inside parent Div [closed]带有文本的 Div 不会留在父 Div [关闭]
【发布时间】:2016-01-14 22:04:02
【问题描述】:

http://goodwell.myshopify.com/collections/all

这是我正在开发的网站,但我无法提供任何源代码,因为它是 Shopify 液体模板的一部分,并且分为很多部分。

前三张主图之间,有一点差距。

我想要完成的是,当我调整浏览器大小时,各部分之间没有间隙。图像部分之间存在间隙(非常小,例如 10 像素)。我不知道这是什么问题。

其次,正如标题所说,我无法弄清楚为什么带有文本的 div 不会留在父 div 内。我希望 div 中的文本在浏览器调整大小时垂直和水平居中。我的水平部分向下,但无法弄清楚垂直的问题。

【问题讨论】:

  • 哪个 div,哪个文本?
  • 造成这些问题的因素太多了,如果还有问题,需要缩小范围,在这里贴出相关代码。
  • 为您的问题创建一个小演示的实际工作也可能有助于您更好地理解
  • 我用图片和更多解释性编辑了我的帖子。父 div 是 homepage-hero,子 div 是 wrapper。

标签: javascript html css shopify


【解决方案1】:

诚然,这比我想象的要难得多。

.imagefeatured {
    vertical-align: middle;
}

编辑:

以后请对您的问题进行更详细的描述,否则可能无法回答。

【讨论】:

    【解决方案2】:
    .grid--full {
       position: relative;
       height: 100% !important;
    }
    

    看起来这种 CSS 样式的高度导致了 10 像素的间隙……不知道如何解决。如果在这种样式中拉出 height 属性,间隙就会消失。

    【讨论】:

    • 取决于宽度。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多