关于div下span不对齐的解决问题

问题：

        在设计前端界面时，碰到在同一div下添加多个水平排列的div（或其他标签）和span时，存在高度不一致的问题。

        

        代码如上所示，div父标签下有img标签和span标签，明显可以看出错位，也即是高度不一致。并且display标签依然生效。

解决：

        给span标签添加 vertical-align:top; 

        刷新界面，实现效果

原理：

        翻阅w3school关于vertical-align的介绍，查看关于vertical-align的属性值，top是为将span元素与行中最高的元素平齐。