默认情况下，图片与文字混在一起时，图片与文字是底部对齐的。但绝大多数情况下，我们希望图片与文字中线对齐，方法是给图片设置 CSS：vertical-align:middle;。
HTML 代码
CSS 代码
但是这里有个关于设置 line-height 的经验，就是不能太小了，我遇到这一个图片是 18px 高，我把 line-height 也设置为 18px，就还是有点差距，没完全对齐，把 line-height 改为 20px，就完成对齐了。
如果无论如何也对齐不了，把你惹毛了，那就用 table 吧，vertical-align:middle，不过这在有较多文字图片混排中不现实。
