CSS解决文字与图片不能水平居中对齐的问题

内容摘要
在 HTML 代码中,有时会需要在文字旁边加上一个图标。

默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐

解决办法:在css中设置图片的vertical-al
文章正文
在 HTML 代码中,有时会需要在文字旁边加上一个图标。

默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐

解决办法:在css中设置图片的vertical-align属性,

复制代码
代码如下:

<img src="" style="vertical-align:text-bottom" />

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!