Css 在a<；中对齐文本的好方法是什么；span>；到另一个图像中的图像<；span>；边界不明？

在一个

中有两个

。你可以从中提取二维码的图像

它旁边的另一个

只是带有下载QR链接的文本。设计师设想下载链接将与图像底部对齐，挑战在于图像具有未知边界。我理解，这将意味着一些尝试和错误，以获得正确的视觉效果

我尝试添加了填充和边距，但随后它将这两个

发送得更高一些。我添加了一个红色轮廓作为视觉参考

.qr_image { position:left; outline: 1px solid red ; }
.qr_download { color: #1d8cd2; text-decoration: underline; outline: 1px solid red; }

---

默认情况下，图像将与HTML规范中底部边框上的文本对齐

<span><img src="http://img_url" /></span>
<span>text</span>

文本

应该生成一个图像，其右下角有一段文本，底部对齐。这不是你想要的吗

因为我看不到你的例子，我假设你说的是在图像上有一个CSS边框？所以

<span><img src="http://img_url" style="border: 4px solid black" /></span>
<span>text</span>

文本

---

但文本仍将与图像底部的边框对齐。如果这不是你要问的，你能给出一个更具体的例子吗？

发布一个例子或你的HTML。下载二维码是的，您的示例是正确的。我无法发布图像，因为我刚刚开始使用它。谢谢你的耐心，没问题。你可以在你的服务器上为测试页面设置一个链接，然后我就可以看到问题出在哪里了。