优雅的方式安排物品

Question

这是我正在使用的小提琴： http://jsfiddle.net/g2Zus/

这是html代码：

<div class="container">
    <div class="right">
        <div id="cityList" class="inner-table"></div>
    </div>
    <div class="left">
        <div id="cityList2" class="inner-table"></div>
    </div>
    <div class="middle">
         <div id="cityList3" class="inner-table"></div>
    </div>
</div>

我的问题是：

1. 有没有办法优雅地安排（如第二点中给出的解释）（就像我在本例中所做的那样没有固定列数）。
2. 如果'n'是数组中元素的数量（假设数字不固定）并且如果n是偶数则将屏幕划分为使得它在所有行中具有相同数量的元素并且如果n是奇数额外的元素可以占据整个最后一行。