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

Question

嘿，我一直在做一个 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>");

可能需要重新配置？？

Answer 1

在您的示例（goo.gl 链接）中，它们将“表格”包含在 <pre> 元素中，该元素告诉浏览器使用等宽字体并自然打印出所有字符（因此您可以与空格对齐、制表符和新行 - 没有 HTML）。

只需查看示例的源代码，您就会看到。

然后，您只需要通过向文档写入 <pre> 来开始您的脚本，然后向文档写入 </pre> 来结束您的脚本。