同一行的图片和文字对齐的几种方法

当图片和文字出现在同一行或一个div里时，浏览器显示出来的图片和文字会出现对不齐，一个在上一个在下，遇到这样的问题，一般有以下几种解决方法

1、把图片和包裹文字的span、a等标签都加上vertical-align:middle的样式（vertical-align的具体介绍）

2、把图片设置为背景图片，文字用padding或text-indent属性设置进行偏移

3、把图片和文字放入不同的div中，然后用margin-left、margin-top属性进行定位，就可以使他们对齐了

4、把图片和包裹文字的span都进行浮动，然后用margin-top定位图片，父元素加上height、line-height

转载于:https://www.cnblogs.com/junjieok/p/4516971.html