在一些非常基本的HTML中出现了令人费解的偏移量

我有时会发现，在基本上非常简单的HTML/CSS中存在一些我不理解的偏移量

这里有一个：

---

默认情况下，

内联

和

内联块

元素根据其父元素的

基线

对齐。使用

vertical align

更改此行为

a，
img{
垂直对齐：中间对齐；
}

对于所有
内联
类型
显示
s，无论它是
内联
，
内联块
，
内联flex
等，DOM元素都像文本一样流动-

请注意，在水平方向上，内联元素之间有一些隐含的空格（这随
字体大小的不同而变化）

垂直对齐默认为
基线
——请参见下面演示中文本的基线对齐方式：


.wrapper{
边框：1px实心；
}
.wrapper>*{
显示：内联flex；
边框：1px实心；
高度：100px；
宽度：100px；
}

kjk
链接
应该有一个
底部
垂直对齐，默认情况下它是
基线


a{
垂直对齐：中间对齐；
}
img{
垂直对齐：底部对齐；
}
在
和