我正在尝试使用 bootstrap 3 RC1 垂直对齐表格单元格中的两个 div。我已经应用了 vertical-align 类,但我缺少什么?在此处启动:http://bootply.com/73625
HTML
<div class="content">
<div class="col-lg-6 col-md-6 col-12 child1">Child content</div>
<div class="col-lg-6 col-md-6 col-12 child2">Child content</div>
</div>
CSS
.content{
position:absolute;
top:40px;
bottom:0px;
width:100%;
border:4px solid green;
display:table-cell;
vertical-align:middle;
}
.child1{
border:4px solid blue;
}
.child2{
border:4px solid red;
}
最佳答案
试试这个:
.content{
position:absolute;
top:40px;
bottom:0px;
width:100%;
border:4px solid green;
display:table-cell;
vertical-align:middle;
}
.child1{
border:4px solid blue;
display: block;
width: 100%;
}
.child2{
border:4px solid red;
display: block;
width: 100%;
}
关于css - 如何对齐表格单元格中的两个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18189448/