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

【问题标题】：how to place child divs vertically center in center of the parent div?如何将子div垂直居中放置在父div的中心？
【发布时间】：2016-05-26 20:39:47
【问题描述】：

我有一个父 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

我也试过 display: table-cell;vertical-align: middle;但它也没有工作，我该怎么办。提前致谢。

【问题讨论】：

你的代码在哪里？ Stackoverflow 不是代码编写服务。我们可以帮助您解决代码的具体问题，但我们不会为您完成所有编码工作。
对不起，我是新来的，我更新我的问题
那不是代码。向我们展示到目前为止您为实现目标所做的努力，而不是稍后保存您的变量的 html 的条形骨架脚手架。就像@HunterTurner 说的。我们不是代码编写服务。看看这里找出预期的stackoverflow.com/help/how-to-ask
我再次更新问题，如果可以请回答。
您要垂直对齐哪个divs？

标签： html css

【解决方案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;
}

与两个条目一起使用的边距标注（左上/左下/右下）如果元素具有固定宽度，则自动将其居中...

【讨论】：

你真是太棒了......爱你，兄弟。非常感谢。
你只差一个字。我不必做太多事情。感谢您发布一个体面的 jsfiddle。大多数新人都做得不好。