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

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;
}

根据需要增加“高度”以确保所有文本都适合。