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

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

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

2、把图片设置为背景图片,文字用paddingtext-indent属性设置进行偏移

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

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

你可能感兴趣的:(图片)