css - CSS在两个图像之间居中文本

Question

我需要显示两个图像和一些文本，如下所示：

------------------------------------------
img1--------一些居中的文本-----img2
------------------------------------------

• img1 和 img2 的尺寸不同，但它们的宽度非常接近
• 文本会根据显示的页面而有所不同，并且可能包含两行而不是一行。
• 文本需要在两个图像之间或容器外部之间水平居中（两者都可以）
• 文本和图像需要在容器内垂直居中。

我可以很容易地用一张桌子来做这件事，但我宁愿不要为了布局而退缩。position:inline-blockand属性在某些浏览器中display:table-cell效果很好，但我需要支持 IE6+。

Answer 1

<style type="text/css">
#image1 { float: left; }
#image2 { float: right; }
#text { text-align: center; }
</style>