Javascript生成的文本表,如何对齐它

时间:2011-03-01 22:01:59

标签: javascript html css alignment

嘿,我一直在做一个javascript任务,几乎完成了左对齐。 我有点坚持诚实。

http://jsfiddle.net/jXdzW/27/这是我的代码。

    document.writeln("lordag<br>");

function daysInMonth(man) {
    var daysinmonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
    return daysinmonth[man];
}

function weekdayName(vdag) {
    var weekdayname = ["måndag", "tisdag", "onsdag", "torsdag", "fredag", "lördag", "söndag"];
    return weekdayname[vdag];
}

function monthName(man) {
    var monthname = ["janurari", "februari", "mars", "april", "maj", "juni", "juli", "augusti", "september", "oktober", "november", "december"];
    return monthname[man];
}
var vd = 5;
var dag = 0;
var lor = 0;

for (var m = 0; m <= 11; m++) {
    for (var d = 1; d <= daysInMonth(m); d++) {
        //
        document.writeln(weekdayName(vd) + "&nbsp;&nbsp;&nbsp; " + d + " " + monthName(m) + "<br>");
        dag++;
        vd++;
        if (vd == 5) {
            lor++;
        }
        if (vd == 7) {
            vd = 0;
        }
    }
}
document.writeln("antal lördagar" + lor + " " + dag + "dagar");

我需要生成类似this的文字,使日期完美排列。 我想我需要制作某种CSS表。我完全迷失了。

document.writeln(weekdayName(vd) + "&nbsp;&nbsp;&nbsp; " + d + " " + monthName(m) + "<br>");

需要重新配置??

1 个答案:

答案 0 :(得分:1)

在你的示例(goo.gl链接)中,它们在<pre>元素中包含它们的“表”,它告诉浏览器使用等宽字体并自然地打印出所有字符(这样你就可以对齐带有空格,制表符和换行符 - 没有HTML)。

只需查看示例的来源,您就会看到。

然后,您只需要通过在文档中写入<pre>来启动脚本,然后结束脚本,将</pre>写入文档。