16

是否可以让两个列数据长度不均匀的流体柱井高度相同?

4

1 回答 1

26

这是一个响应式 CSS 解决方案,基于为每列添加大填充和同样大的负边距,然后将整行包装在一个隐藏溢出的类中。

.col{
margin-bottom: -99999px;
padding-bottom: 99999px;
background-color:#ffc;
}

.col-wrap{  
overflow: hidden;   
}

你可以看到它在jsFiddle工作

编辑

如果您想要等高的井或带有圆角的柱子,则可以使用一种变体:http:
//jsfiddle.net/panchroma/4Pyhj/

编辑

另一种具有等高孔或圆角柱的变体,这次是 Bootstrap 3
http://jsfiddle.net/panchroma/D4xdE/

它或多或少与 Bootstap 2 相同,但进行了一些改进以适应现在 BS 如何分隔列网格的变化。

于 2012-12-22T17:21:40.660 回答