网站首页 健康小知识 母婴教育 起名 运动知识 职场理财 情感生活 绿色生活 游戏数码 美容 特色美食 爱好
当前位置:酷知知识帮 > 游戏数码 > 电脑

如何让HTML中的文字与图标居中对齐

栏目: 电脑 / 发布于: / 人气:6.39K

在做网页的时候,经常会需要在某段文字前加上一个图标。然后就会发现添加的图标和文字的位置不齐,文字总是比图标低点

如何让HTML中的文字与图标居中对齐

操作方法

(01)方法一:设置img的vertical-align属性为top

如何让HTML中的文字与图标居中对齐 第2张

(02)方法二:设置img的margin-bottom属性为-3px

如何让HTML中的文字与图标居中对齐 第3张

特别提示

方法二如果图片比较大可以将值设置大一些