CSS实现同一行的图片和文字垂直居中对齐的方法

本文实例讲述了CSS实现同一行的图片和文字垂直居中对齐的方法。分享给大家供大家参考。具体分析如下：

有些朋友会发现，如果一行内容中有图片有文字的话，文字往往会自动的底部对齐，影响美观，那如何让它们相对于垂直居中呢，很简单，就是在图片和文字所在的行中添加CSS属性：vertical-align:middle;这样，它们在同一行就会垂直居中对齐了。

复制代码代码如下:






body{
font-size:9pt;
}
#buttons *{
vertical-align:middle;
}











找回密码

上边的图片、文字是不是都垂直对齐了呢？

希望本文所述对大家的div+css网页设计有所帮助。