在另一个 div 中居中 3 个 div（一个具有可变宽度，2 个具有固定宽度）

【问题标题】：Center 3 divs (one with a variable width, 2 with fixed widths) inside another div在另一个 div 中居中 3 个 div（一个具有可变宽度，2 个具有固定宽度）
【发布时间】：2012-10-06 04:05:45
【问题描述】：

我正在努力实现以下目标：

将 3 个 div 标签居中在一个用 div 固定的外部

要居中的两个内部div标签是固定的（左右图像）。

其中一个内部 div 标签（中间有文本的标签）具有可变宽度。 注意：我还需要这个文本 div 垂直居中。

这是我想要实现的目标：http://uploadpic.org/storage/2011/hDGazBwWF2QHzGipwkyJ7ESsX.gif

如何做到这一点？我找到了类似问题的答案，但与我所描述的不完全一样。

谢谢！

【问题讨论】：

标签： css layout html

【解决方案1】：

使用vertical-align: middle。这是一个快速演示：http://jsbin.com/ujoket/1/edit

【讨论】：

我也打算这样做。但是display:inline-block; 和 IE 存在一些问题有关垂直对齐的更多信息CSS display: inline-block: why it rocks, and why it sucks
Just IE7 I think?在这里修复foohack.com/2007/11/…
'值 "inline-table", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table- IE7 和更早版本不支持 row"、"table-row-group" 和 "inherit"。 IE8 需要一个!DOCTYPE。 IE9 支持这些值。根据 w3school。显然我错了！
正是我想要的！奇迹般有效！非常感谢您花时间帮助我！