html - 左侧 float 图像后垂直居中的文本

<img style="float:left" src="image.jpg"> <center>text</center>
<hr style="clear:both">

我想用上面的代码实现的是让图像 float 到左侧，文本垂直居中(而不是像当前那样放置在顶部)和水平居中，然后在图像和文本之后是一个水平条，用于将图像和文本与我的其余内容分开。我不知道如何在不做诸如单行单列表格之类的时髦事情的情况下使文本垂直居中。

最佳答案

试试这个example

如果您的图像所在区域的高度是固定的，那么您可以给出

line-height = 图像的高度将文本垂直居中放置

关于html - 左侧 float 图像后垂直居中的文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11741107/

相关文章：

html - 调整窗口大小时如何使背景图像缩放以适合整个窗口？