960.gs的列的高度相同？

Question

我在一行中有4列，根据我在每一列中放入多少信息，它们将具有不同的高度。你可以看到，如果你给它们加上背景颜色。

如何为其他列提供具有最大高度的列的高度？

Answer 1

您可以使用jQuery来完成此操作。http://www.cssnewbie.com/equal-height-columns-with-jquery/

或者，对于仅使用CSS的方法，您可以通过将所有列包装在一个div中，然后应用具有与列宽度匹配的4个颜色块的单个背景图像，使它们看起来具有相同的高度。

此包装器div将扩展为最大列的大小，并将给人以4个大小相等的cols的印象。

Answer 2

嗯，我不知道这是否适用于960，但在Blueprint中，您可以通过将以下样式应用于列来实现：

padding-bottom : 20000px;
margin-bottom : -20000px;
overflow:hidden;

Answer 3

您可以使用CSS属性表单元格显示：-

http://jsfiddle.net/AGjBM/

<style>
    div.table-cell {
        display: table-cell;
        border: 1px solid;
    }
</style>

    <div class="table-cell">
        Some Text
    </div>
    <div class="table-cell">
        Some Text<br>
        Some More Text
    </div>