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

Posted 2023-03-05

技术标签:

【中文标题】将网格中的列推到底部，垂直对齐不起作用【英文标题】：Push column in a grid to the bottom, vertically align not working 【发布时间】：2014-10-12 13:31:42 【问题描述】：

我有一个 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/

【问题讨论】：

【参考方案1】：

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

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

DEMO

【讨论】：

以上是关于将网格中的列推到底部，垂直对齐不起作用的主要内容，如果未能解决你的问题，请参考以下文章