当前位置

首页 > 游戏数码 > 电脑 > 如何让HTML中的文字与图标居中对齐

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

推荐人: 来源: 常识咖 阅读: 8.06K 次

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

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

操作方法

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

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

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

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

特别提示

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