【问题标题】:Extra space in the bottom of a parent block element [duplicate]父块元素底部的额外空间[重复]
【发布时间】:2019-03-14 10:09:37
【问题描述】:

我有一个父元素,它是一个块,子元素也是。孩子有固定的尺寸,而父母没有。但是在父 div 的底部还有一个额外的空间。有人能告诉我额外的空间来自哪里吗?提前致谢。

哈巴狗

article.parent
  div.text-align

SASS

.parent
    border: 10px solid black
    text-align: center

.text-align
    display: inline-block

Code-Pen

Check Output here

【问题讨论】:

  • 在你说它不是重复之前,因为它不是图像 - 它对于所有内联/内联块元素都是一样的

标签: html css sass pug


【解决方案1】:

请添加垂直对齐:顶部;。请检查下面的示例代码。

.parent
    border: 10px solid black
    text-align: center

.text-align
    display: inline-block
    vertical-align: top
    

【讨论】:

  • 谢谢你的作品。你能解释一下为什么开头有额外的空间吗?
猜你喜欢
  • 1970-01-01
  • 2013-12-18
  • 1970-01-01
  • 2023-04-08
  • 2010-11-30
  • 2020-08-10
  • 2016-09-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多