终于能够解决这个问题了，困扰多时。 主要原因：设置了 vertical-algin 后的表现不能根据设置的值进行位置变化，或者说有时不能像想象中的那样剧中。
TODO
参考：
- http://www.zhangxinxu.com/wordpress/2015/06/about-letter-x-of-css/
- http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/
- http://stackoverflow.com/questions/32022042/what-does-mean-line-box-in-css
- http://www.w3.org/TR/CSS2/visuren.html#inline-formatting
- https://www.w3.org/TR/css3-box/
- http://harttle.com/2015/06/12/css-line-wrap.html
- https://developer.mozilla.org/en-US/docs/Web/CSS/Visual_formatting_model
- http://christopheraue.net/2014/03/05/vertical-align/