可拉伸/可扩展的垂直对齐文本（相对于图像）
我想在图像旁边放置一些文本，其中文本相对于图像垂直对齐。但是，我不知道窗口有多宽，所以我希望文本容器能够扩展以填充可用空间。
我尝试简单地将 Vertical-align:middle 放在文本容器上。这种方法可行，但如果文本太长，文本将在图像下方换行。为了解决这个问题，我在文本容器上使用了 display:inline-block 。但是，这会将整个文本容器置于图像下方！
到目前为止，我有这样的事情：
<span><img src="img.gif" /></span>
<span style="display:inline-block; vertical-align:middle">Text goes here</span>
I would like to place some text next to an image where the text is vertically aligned relative to the image. However, I do not know how wide the window will be and so I would like the text container to expand to fill the available space.
I have tried simply putting vertical-align:middle on the text container. That kind of works, but the text will wrap below the image if the text is too long. In order to combat this, I used display:inline-block on the text container. However, this then puts the whole text container below the image!
So far, I have something like this:
<span><img src="img.gif" /></span>
<span style="display:inline-block; vertical-align:middle">Text goes here</span>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
包裹图像的 span 元素应该应用相同的样式。
The span element wrapping the image should have the same style applied.