css - 无法将一个 div 置于另一个 div 中

Question

我有一个 div 需要在另一个 div 内水平居中。问题是内部 div 几乎 居中 - 即，它居中但有大约 5-10 像素的左边距/填充(我无法确定是哪个)。如何使内部 div 在外部 div 中居中？

HTML:

<div class="outer">
    <div class="inner">
        // stuff
    </div>
</div>

CSS:

.outer {
    position:relative;
    display:inline-block;
    width:100%;
}

.inner {
    position:relative;
    padding:10px;
    width:200px;
    height:200px;
}

Answer 1

你可以这样做:

#parent {
  display: table-cell;
  width: 300px;
  height: 300px;
  vertical-align: middle;
  text-align: center;
    border: 1px solid black;
}

#child {
    display: inline-block;
    width:100px;
    height: 100px;
    border: 1px solid black;
}

这是一个 fiddle :http://jsfiddle.net/De36Y/