Question

我这里有一个jsfiddle - https://jsfiddle.net/6cascyr8/

我需要列的高度相同。

我通常会使用显示表并删除浮动。

内容是在循环中创建的，有时行中的某些列是空的，就像示例中的底行一样。

因为浮动被移除，所以柱子居中。

是否可以在不移除浮动的情况下使列具有相同的高度。

这些列具有动态内容，所以我无法设置高度。

    .the-table{
        display:table;
        border-spacing:20px;
    }

    .the-cell{
        color: white;
        float:none;
        display:table-cell;
        background:red
    }

Answer 1

下面的CSS应该注意左对齐表格单元格

.the-table:before {
    content: normal !important;   
}

但是，由于border-spacing: 20px，您会在单元格中看到对齐问题。通过单元格上的（粗白色）边框组合替换它，也可以在行上填充。

Bootstrap相同的高度列，不删除浮动

1 个答案: