如何将子div垂直放置在父div的中心？

Question

我有一个父div和一个子div，我希望它们像居中的列一样在父div的中心垂直对齐。 这是我的代码http://jsfiddle.net/yX3p9/344/

<div class="wrapper">

    <div class="table-body">
        <div class="topchair">
            <div class="chair">1</div>
        </div>

        <div class="leftchairs">
            <div class="block">
                <div class="chair">3</div>
                <div class="chair">4</div>
                <div class="chair">5</div>
                <div class="chair">6</div>
            </div>
        </div>
    </div>

</div

我还尝试了显示：table-cell; vertical-align：middle; 但这也不起作用，我该怎么办。 提前致谢。

Answer 1

如果我了解您对此的更正：

.chair {
    width: 50px;
    height: 50px;
    margin: 5px auto;         <---  Use auto to center element left/right
    background: deepskyblue;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

与两个条目一起使用的那个边距标注读取（顶部/底部左侧/右侧）如果元素的宽度固定，则自动将其居中...