css - 将网格中的列推到底部，垂直对齐不起作用

Question

我有一个 3 列网格，其中第 1 列和第 3 列有 3 行，但第 2 列只有 1 行。

1.1    ==2==    3.1
1.2             3.2
1.3             3.3

如何将 ==2== 推到底部？

1.1             3.1
1.2             3.2
1.3    ==2==    3.3

从中得到提示 vertical-align with Bootstrap 3& How to use vertical align in bootstrap我把它做成表格和单元格格式但它仍然无法正常工作...

http://jsfiddle.net/qfbp1o86/

Answer 1

为您的子元素添加float:none。

.child {
border: 1px dotted blue;
display: table-cell;
vertical-align:bottom;
text-align:center;  
float:none;
}

DEMO