通过设置元素的vertical-align:top属性,可以实现顶部对齐,例如图片和文字在同一行内,要设置他们垂直方向对齐,可以使用这个属性。
<img src='xxx.jpg' style='display:inline-block;vertical-align:top;width:20px;height:20px;line-height:20px'>
<span>这是对齐的图片</span>
效果如下:
通过设置元素的vertical-align:top属性,可以实现顶部对齐,例如图片和文字在同一行内,要设置他们垂直方向对齐,可以使用这个属性。
<img src='xxx.jpg' style='display:inline-block;vertical-align:top;width:20px;height:20px;line-height:20px'>
<span>这是对齐的图片</span>
效果如下: