父块元素底部的多余空间

Question

我有一个父元素，它是一个块，子元素也是。子级具有固定的尺寸，而父级则没有。但父div的底部还有一个额外的空间。谁能告诉我多余的空间在哪里？预先感谢。

PUG

article.parent
  div.text-align

SASS

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

.text-align
    display: inline-block

Code-Pen

Check Output here

Answer 1

请添加vertical-align：top;。请检查下面的示例代码。

componentWillUnmount