【CSS】深入理解 vertical-align

[CSS碎片知识] 深入理解 vertical-align

参考文章

1. 我对CSS vertical-align的一些理解与认识（一）
2. CSS vertical-align的深入理解(二)之text-top篇
3. CSS深入理解vertical-align和line-height的基友关系

总结

1. vertical-align 在什只在情况下起作用?

inline 或者 inline-block (inline-table 也算) 下起作用

2. vertical-align默认的对齐方式是？

vrtical-align默认值是baseline, 也就是基线对齐。而基线是什么，基线就是字母X的下边缘（参见“字母’x’在CSS世界中的角色和故事”一文）。所以，妹子图片的下边缘就和后面zxx中的字母x下边缘对齐（见下图）。而字符zxx本身是有高度的，对吧，于是，图片下面就留空了。

**3. vertical-align和line-height之间 是 好基友关系 **