Question

我在动态创建的数据表表格中有一个下拉列表 - 我修改了bootstrap css，以便将表格的垂直对齐设置为中间，但下拉列表仍然显示为顶部< / p>

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
{
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}

请参阅我的jsbin here

（如果您输入任何文字，然后添加说明，请点击加载复制数据按钮）

非常感谢提前

更新：父div上的 form-group 类具有以下设置：margin-bottom：15px

我创建了一个新类来覆盖设置margin-bottom为0px

Answer 1

它实际上并不对齐顶部。父div只有一个Bootstrap CSS：

.form-group {
    margin-bottom: 15px;
}

Answer 2

您选择的父div有一个 .form-group 类，其样式为 margin-bottom：15px;

您可以在css中将 margin-top：15px; 添加到 .form-group 或设置 margin：0px;

Answer 3

在你的css select.input-xs 中添加 margin-top：15px; ，它会正确对齐你的下拉列表。

数据表中的下拉列表不会垂直对齐

3 个答案: