Сгенерированный 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> в документ.