关于span标签内的文字图片对齐问题

Question

结构是这样的
span标签里的还有个span标签，包裹着一个图片，我现在想让这个图片和文字底部对齐，请问这个该怎么设置啊。

我目前是给img标签设置了vertical-align: text-bottom
但是这样的话span标签的宽度会稍稍增大一点，这样的话整个页面的的高度就会变大

Answer 1

应该给.imgs加成vertical-align: bottom;这个样式就行了吧？参考链接

Answer 2

不知道你是图片顶部还是中间还是底部 要与文字底部对齐

<span style="display:flex">
    <span>哈哈哈</span>
    <img />
</span>

Answer 3

可以使用相对定位:D

Answer 4

使用定位
{position: relative;
top: -9px;}