通过设置元素的vertical-align:top属性，可以实现顶部对齐，例如图片和文字在同一行内，要设置他们垂直方向对齐，可以使用这个属性。
<img src='xxx.jpg' style='display:inline-block;vertical-align:top;width:20px;height:20px;line-height:20px'>
<span>这是对齐的图片</span>效果如下： 
版权声明：本文为xqnode原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。