Question

又一个垂直对齐问题......

我正在尝试将图标垂直对齐到div的中间。

到目前为止，我尝试使用CSS技巧来解决display:inline-block，display:table-cell和this解决方案。问题是 - 高度未知。

我目前设置了padding-top:50%，它运行良好，但没有响应。查看移动视图，看它不成比例扩展。

感谢。

修改

这是table / table-cell解决方案的CSS - 它不起作用。

.calc-field-control { 
  display : table!important;
}

.calc-field-control-list {
   display:table-cell!important;
   vertical-align:middle;
}

Answer 1

对于Bootstrap列，您需要像这样删除浮动..

.calc-field {
    display:table !important;
}

.calc-field-control {
    display:table-cell !important;
    vertical-align:middle;
    text-align:center;
    float:none;
}

更新了Bootply：http://www.bootply.com/116888

如何垂直对齐bootstrap 3中未知高度的内容

1 个答案: