Question

我有一个div中12个链接的列表，高度为325px。有没有办法将列表垂直均匀分布，以便填满div框的整个高度？像垂直对齐一样。

我已经尝试指定行高，因此它达到了完整的325px高度，但它已经关闭了几个px而且它让我烦恼。

我希望这很清楚......谢谢！

修改

我希望它看起来像这样：http://jsfiddle.net/WwgSn/但代码较少！

Answer 1

很多将取决于您希望链接的外观。例如，您希望12个链接中的每个链接都具有背景颜色。你想要链接有边框吗？如果您希望链接具有背景或边框（或两者），您是否希望链接具有特定高度，因此它们之间可能存在间距？

最简单的答案是将325除以12（即27.0833333）。然后设置＆lt; li＆gt;高度和行高（向下舍入到27）。

这是一个简单的jsfiddle：http://jsfiddle.net/tETcW/43/

如果你想在每个＆lt; li＆gt;上设置一个特定的高度，请告诉我，这个公式用于确定每个＆lt; li＆gt;之间的确切余量。是一个狡猾的人。

Answer 2

我把一些动态设置li高度的JS放在一起。这意味着它的所有计算和父div的高度。

var foo = $(".parentDiv").height(),
    bar = $("ul li"),
    baz = foo / bar.length;

bar.each(function(){
    $(this).height(baz);
});