摘要：这篇文章主要介绍了如何实现div+css实现图片与文字水平对齐？,需要的朋友可以参考下,如果你喜欢还可以浏览如何实现div+css实现图片与文字水平对齐？的最新相关推荐信息。

1、通过添加css的vertical align：middle。

为了避免在一行内容中有图片有文字的情况下，文字往往会自动的底部对齐的现象，可以在图片和文字所在的行中添加CSS属性：vertical align：middle，这样，它们在同一行就会垂直居中对齐。

2、如果图片是背景图片，可以在css中设置背景图片，然后设置文字的padding属性。

如果我们的图片本身是一个背景图片的话，可以在css中使用background来设置该图片，然后设置文字的padding属性就可以使他们在同一行显示。(商盟百科网chnore.com)

3、把文字和图片分别放入不同的div中。

分别把图片和文字放入不同的div中，然后用margin属性进行定位，也可以使他们显示在同一行。

(商盟百科网chnore.com)

如何实现div+css实现图片与文字水平对齐？