【问题标题】:Div with display block causes the inline-block parent to get out of line带有显示块的 Div 导致 inline-block 父级脱节
【发布时间】:2015-11-16 18:39:51
【问题描述】:

我想了解这种奇怪的行为,我有一个 div 包装了另一个 div。 parent 是 display inline block ,而 child 是 display none 或 block inside,只要孩子是 block - 父母就会从行中下降,请参见下面的示例: 这是在孩子中不显示:

这是显示块

添加父级的 CSS:

谁能解释一下这种行为?

【问题讨论】:

  • 把你的html和css代码放在这里。
  • 请提供一些代码或 JS fiddle 突出显示此问题。您提供的屏幕截图几乎不可能帮助您
  • 让孩子inline-block .

标签: html css block


【解决方案1】:

使用display:inline-block时,加vertical-align:top;

【讨论】:

    【解决方案2】:

    display:block 将元素推送到新行。当您说子元素的显示为none 时,它会尝试将元素与其他元素内联。因此观察到这种行为。

    Check this link for detail on display property of css

    【讨论】:

      猜你喜欢
      • 2010-10-11
      • 2014-07-18
      • 2013-05-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-05-22
      相关资源
      最近更新 更多