解决办法：
添加如下样式进入img图片/svg图标标签内，将img图片/svg图标下移四个像素
style="position:relative; top:4px;"
直接添加img图片/svg图标效果：
解决完展示效果如下：
img图片/svg图标与文字无法对齐
2024-06-25
46
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
img图片/svg图标与文字无法对齐
目录
相关文章
|
2月前
|
2月前
|
前端开发
如何在页面中画一个canvas，然后在居中位置写上蓝色‘Hello Canvas‘，并加上文字描边 * @type {HTMLElement}
如何在页面中画一个canvas，然后在居中位置写上蓝色‘Hello Canvas‘，并加上文字描边 * @type {HTMLElement}
19
0
0
|
9月前
|
前端开发
|
前端开发
JavaScript
容器
|
前端开发
容器
|
前端开发
把 SVG 图标对齐到文本，以告别字体图标（Font Icons）的时代
本文讲的是把 SVG 图标对齐到文本，以告别字体图标（Font Icons）的时代，在字体图标盛行的时代，推行 SVG 图标可谓是 Web 社区中的一次重要契机。毕竟，使用 SVG 图标系统能更好地遵循图形的访问性标准，并渲染出更高质量的图像。
4134
0
1
|
C#
小程序
给图片加上阴影效果
原文:给图片加上阴影效果
今天写一个小程序有一个给图片加上阴影的需求，记得WPF的Effect中就有阴影特效，就打算用它了。代码如下：
using (var imageStreamSource = File.
1204
0
0
热门文章
最新文章
1
python 中 print 函数用法大全
2
[Phoenix] 二、数据类型
3
IDEA 运行junit单元测试方法
4
Maven之阿里云镜像仓库配置--详解
5
交易系统架构
6
应用架构之道：分离业务逻辑和技术细节
7
产品更新｜宜搭AI 两大功能：智能应用、智能公式已上线
8
openresty capture
9
PLSQL的DBMS_GETLINE
10
Maestro的最近进展
1
谁动了我的选择器？深入理解CSS选择器优先级
40
2
消费kafka不需要设置 压缩协议吗 假如生产者压缩协议是lz4
27
3
module declares its path as: github.com/IBM/sarama but was required as: gith
29
4
使用Python发送包含复杂JSON结构的POST请求
28
5
你可能对position和z-index有一些误解
34
6
mutex := rs.NewMutex(mutexname) // 对key进行 if err := mutex.Lock(); err != nil { pani
11
7
Traceback(most recent call last):File "main.py", line 4l,in<module>alueError: sleep length must be n
11
8
File "site-packages\pandas\core\indexing.py", line File "site-packages\pandas\core\indexing.py", l
11
9
这个字段，我想看看报错吗
8
10
手写一个简易bundler打包工具带你了解Webpack原理
12