html - 使用CSS在两列中布置月份名称

Question

您将使用什么 HTML 和 CSS 来在两列中布置月份的名称，例如:

january july
feb     aug
mar     sep
apr     oct
may     nov
jun     dec

月份名称来自数组，html 是为国际化目的动态生成的。

如果是:

january february
mar     apr
 ...

我会把它们放在一个 DIV 中，所有宽度都是一个月的两倍 + 一些空间并 float 它们。但按照说明订购它们似乎更复杂......

我必须为列引入两个额外的 DIV 吗？

Answer 1

如果生成了 HTML，您可以这样做 (jsFiddle):

<div style="width: 100px">
    <script type="text/javascript">
        var months = ['jan', 'feb', 'mar', 'apr', 'may', 'jun',
                      'jul', 'aug', 'sep', 'oct', 'nov', 'dec'];
        for (var i = 0; i < 6; i++) {
            document.write('<div style="width: 50px;float: left">' + months[i] + '</div>');
            document.write('<div style="width: 50px;float: left">' + months[i + 6] + '</div>');
        }
    </script>
</div>