Question

请帮我垂直对齐父div中未知高度（自动）的另一个div内的div。

这个问题已经回答了几次，但他们使用固定高度作为父级。

因此请在此帮助，我需要将子div垂直对齐父div。以下是我使用的代码。

HTML：

<div class="container-fluid">
<div class="row">
<div class="col-sm-9">
<div>AAAA</div>
<div>AAAA</div>
<div>AAAA</div>
<div>AAAA</div>
<div>AAAA</div>
<div>AAAA</div>
</div>
<div class="col-sm-3 parent">
<div class="child">
<div class="nom_bt">button</div>
</div>
</div>
</div>
</div>

CSS：

.parent {
  display: table;
  height:auto;
}
.child {
    width:130px;
    vertical-align: middle;
    display: table-cell;  
}

我有两列，所以我需要将第二列垂直对齐到第一列

Answer 1

让孩子上课：

$mail

和您的父类：

     display:inline-block;
     top:50%;
     position:relative;

应该做的伎俩！

Answer 2

.row {
    display:table;
}
.col-sm-9{
    display:table-cell;
}
.col-sm-3{
    display:table-cell;
    vertical-align: middle;
}

这适用于您的降价：jsfiddle

如何在另一个具有未知高度的div中垂直对齐div

2 个答案: