为什么这个项目页面中的a标签必须要设置宽度 a中的img才会展示?
https://stackblitz.com/edit/web-platform-njj5ut?file=index.html
<div class="logo-container" data-v-74f3ae96>
<!-- 为什么这里的a标签不设置宽度 图片就不会展示?-->
<a style="width: 128px">
<img src="https://element-plus.org/images/element-plus-logo.svg" />
</a>
</div>
求答疑
回复
1个回答
test
2024-06-27
因为你那里面是个 SVG。如果你换成普通图片(JPEG、PNG 之类的),就不需要设置宽高了。
SVG 在 flex 里面会有很多奇怪的表现。
https://www.bing.com/search?q=svg%20inside%20flexbox
而且 IE、Chrome、Firefox 表现还不一致,这个只能归结于标准不统一导致各家浏览器实现有差异了。
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容