Question

我想在图像旁边放置一些文本，文本相对于图像垂直对齐。但是，我不知道窗口的宽度，所以我希望文本容器扩展以填充可用空间。

我尝试过将vertical-align：middle放在文本容器上。这样的工作，但如果文本太长，文本将包裹在图像下方。为了解决这个问题，我在文本容器上使用了display：inline-block。但是，这会将整个文本容器放在图像下方！

到目前为止，我有这样的事情：

<span><img src="img.gif" /></span>
<span style="display:inline-block; vertical-align:middle">Text goes here</span>

Answer 1

包装图像的span元素应该应用相同的样式。