如何将图像添加到没有图像下方空白的文本行中？
如何将图像添加到没有图像下方空白的文本行中？
提问于 2022-05-26 15:40:28
我试图在文本行中添加一个图像，但是在图像下面自动添加的空白正在抛出对齐。这个问题的其他答案似乎只适用于图像，当它们不是文本行的一部分时，所以没有帮助。
常见的答案似乎是display: block，它不适用于我的使用，因为它添加了一个换行器，或者vertical-align，它对我的使用不起作用，因为它推下了下一行文本。
wordpress截图：
有人知道另一个解决方案或解决办法吗？
<style>img {
vertical-align: text-top;
margin-top: 3px
}
</style>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam (<img src="http://www.redacted.org/wp-content/uploads/2022/05/info-gray.png" alt="" />) quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
回答 1
Stack Overflow用户
发布于 2022-05-26 23:25:44
你也许可以在你的图像上放一个高度，以防止它压下文字。此外，增加宽度:自动，以防止拉伸或挤压您的形象。
<style>
img {
vertical-align: text-top;
margin-top: 3px;
height: <the size of the text here>;
width: auto;
}
</style>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72394448
复制相关文章
相似问题
腾讯云开发者
