两个inline-block，一个有文字一个没文字为何对准基线会不一样？

Question

http://jsfiddle.net/e3rtjt94/

Answer 1

你的示例中 span 是内联元素，定义为 inline-block后，还是内联元素，内联元素默认垂直对齐为

vertical-align: baseline;

这个 baseline 就是默认的文字的基准线，你可以调整为 其它值，如 middle 看看

http://jsfiddle.net/e3rtjt94/1/