将两个宽度可变的css div居中在一个固定的div中答案

【问题标题】：Center two css divs with variable width in a div with fixed with将两个宽度可变的css div居中在一个固定的div中
【发布时间】：2013-04-04 05:27:02
【问题描述】：

我从几个小时开始就在尝试，没有任何帮助。很简单：我有两个可变（动态）宽度的 div。两者都应该并排放置在具有固定宽度的包装 div 中。我尝试的一切：我看到 leftDiv 和 rightDiv 要么向左浮动要么居中，但 div2 在 div1 下......非常感谢。

<div class='wrapper'>
   <div class='innerWrapper'>
      <div class='leftDiv'>
      </div>
      <div class='rightDiv'>
      </div>
   </div>
</div>

什么是正确的 css？问题是，自动给 innerWrapper 两个 div（leftDiv 和 rightDiv...）的宽度是行不通的...

我试过了：

.wrapper {
    width: 600px;
    text-align: center;
}

.innerWrapper {
    width: auto;
}

.leftDiv {
    display: inline-block;
}

.rightDiv {
    display: inline-block;
}

【问题讨论】：

请包含您尝试过的 CSS。
指定你需要的浏览器

标签： css html dynamic width center

【解决方案1】：

在这些 div 上使用 display: inline-block; ..

http://jsfiddle.net/RK6R4/

【讨论】：