Css 要在段落之间对齐图像吗

我被卡在中间对齐的图像之间的2段列通过css只有这样，如果有人有这个问题的解决方案，所以请告诉我

HTML

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，


Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，

希望这对您有所帮助：

HTML代码：

<div id="footer">
<span>Text</span>
<span><img src="http://www.klm.com/jobs/nl/images/icon_flight_32x32_tcm701-312701.gif" /></span>
<span>More text</span>
</div>

---

没有一些标记是很难帮助的，但是你不能浮动中心，所以最好这样做

<style>
    .grid-three{
        width:33.33%;
        display:block;
        float:left;
    }
</style>

<p class="grid-three">blah blah...</p>
<img class="grid-three" src="blah" />
<p class="grid-three">blah blah...</p>

.第三格{
宽度：33.33%；
显示：块；
浮动：左；
}
诸如此类
诸如此类

这是一个非常简单的配置-您可能希望通过实验以更好的方式响应

您还可以将img交换为包含图像的div，以允许图像保持其原始大小，还可以尝试应用单独的宽度（例如，每个p为40%，img块为20%）

测试一些想法

试试这个

.row>div{
显示：内联块；
宽度：30%；
垂直对齐：中间对齐；
}

JS-Bin
作为旁注：对于那些使用npm并寻求快速、可靠和现成解决方案的人来说，lodash.random可以很容易地满足要求，占用空间非常小（它将只导入方法本身，而不是整个lodash）。
作为旁注：对于那些使用npm并寻求快速、可靠和现成解决方案的人来说，lodash.random可以很容易地满足要求，占用空间非常小（它将只导入方法本身，而不是整个lodash）。

请显示带有实际标记和样式的MVCE，而不是屏幕截图。图像无助于解决问题。在这里发布您的代码

<style>
    .grid-three{
        width:33.33%;
        display:block;
        float:left;
    }
</style>

<p class="grid-three">blah blah...</p>
<img class="grid-three" src="blah" />
<p class="grid-three">blah blah...</p>