将列与行中的其他节和元素对齐

Question

我在使用Fexl方法以及其他方法尝试对齐单行文本时遇到问题

also some of the data in my div is rendered dynamically using ng-repeat 

the third column displays special data always.

all the rows from 3 columns should be aligned equally 

please help me

link for plnkr http://plnkr.co/edit/LSLktvmvlaQtWUofzJvF?p=preview

Answer 1

我想我理解你的问题 - 我在另一个项目中遇到了类似的问题，我最终给每个div一个固定的高度并将溢出设置为隐藏。它需要一些测试，但如果您的目标是响应式设计，您可以使用Sass根据屏幕分辨率将其设置为不同的高度。

将这个CSS添加到您的Plunkr将是一个很好的起点。当然，您希望将其应用于自定义类而不是'.col-md-6'：

.col-md-6 {
height: 100px;
overflow: hidden;
}

根据需要增加“身高”，以确保所有文字都适合。