为什么块元素里的两个行内快元素有内容了就会错位，如何解决块元素里的两个对齐了的行内快元素有了内容就错位？

我们先说如何解决叭，是不是在一个大盒子里，装了两个行内快元素但是装了内容之后就会错位（如上一组图），只要在各自的行内元素里加一个tertical-align：top；就能实现顶端对齐（如下一组图）

 二、现在我们说原因吧

出现错位的原因是因为基线的改变，当行内快元素里有文字时，那么前一个盒子文字的基线就是盒子基线，所以第一个盒子文字就和第二个行内快元素的底部对齐了。这也就是为什么设置了vertical-align可以解决这个问题。

本博文对基线解释不完全，深入了解可以找找其他相关文章。