Html 对于flexbox，内联元素锚定标记尊重顶部和底部填充，为什么？

为什么内联元素在flexbox中采用顶部和底部填充

这是我的密码

---

当我在容器上添加

display:flex

时，那么

内联元素填充顶部和底部的原因是什么？

好吧，这是因为

display:flex

将其子元素的显示属性更改为

block

。根据规范：

元素本身不会生成任何框，但其子元素和伪元素仍会像正常情况一样生成框

---

更多信息，请参见。

在这两种情况下都使用填充，但在

显示：flex

应用父div时，制作子对象的flex布局，但在其他情况下，不使用签出获取更多信息

  <div class="abc">
      <a href="">hello</a>
    </div>

.abc {
  background-color:#eee;
  /* display:flex; */
}
.abc a {
  padding:10px 20px
}.abc {
  background-color:#eee;
  /* display:flex; */
}
.abc a {
  padding:10px 20px
}