Javascript 将整张桌子置于其外部分区的中心

我有一个部门：

<div id="tableContainer">
</div>

但是没有成功。有什么想法吗？这是一把小提琴：

谢谢

这样修改代码

$(document).ready(function () {

    var data = '[{"gameid":"1","gamename":"Halo","gamedescription":"Game about aliens","gamegenre":"FPS"},{"gameid":"2","gamename":"Halo 2","gamedescription":"Game about aliens 2","gamegenre":"FPS"}]';

    var json = $.parseJSON(data);

    var table="<table>"
    +   "<tr>"
    +   "<td>Game ID</td>"
    +   "<td>Game Name</td>"
    +   "<td>Game Description</td>"
    +   "<td>Game Genre</td>"
    +   "</tr>";

    $.each(json, function (index, value) {
      table+="<tr>"
        +   "<td>" + value.gameid + "</td>"
        +   "<td>" + value.gamename + "</td>"
        +   "<td>" + value.gamedescription + "</td>"
        +   "<td>" + value.gamegenre + "</td>"
        +   "</tr>";
    });
    table+="</table>";

    $("#tableContainer").append(table);
});

这是小提琴；

---

所有表格行和列都不会追加到tableI concur中。“get附加到”“中”“get附加到”“中”“将附加到tableContainer中。”。首先确定正确的结构，然后排除格式问题。如果在附加源代码后查看源代码，则标记不会关闭。它在队形之外是封闭的。为什么在CSS中使用

#table

来代替

table

？您没有

id=table

的元素。非常感谢您的帮助，我当时非常关注CSS不起作用，没有意识到它可能是我的HTML

#tableContainer {
    text-align: center;
    width: 100%;
}
#table {
    margin: 0 auto;
}

$(document).ready(function () {

    var data = '[{"gameid":"1","gamename":"Halo","gamedescription":"Game about aliens","gamegenre":"FPS"},{"gameid":"2","gamename":"Halo 2","gamedescription":"Game about aliens 2","gamegenre":"FPS"}]';

    var json = $.parseJSON(data);

    var table="<table>"
    +   "<tr>"
    +   "<td>Game ID</td>"
    +   "<td>Game Name</td>"
    +   "<td>Game Description</td>"
    +   "<td>Game Genre</td>"
    +   "</tr>";

    $.each(json, function (index, value) {
      table+="<tr>"
        +   "<td>" + value.gameid + "</td>"
        +   "<td>" + value.gamename + "</td>"
        +   "<td>" + value.gamedescription + "</td>"
        +   "<td>" + value.gamegenre + "</td>"
        +   "</tr>";
    });
    table+="</table>";

    $("#tableContainer").append(table);
});

#tableContainer table {
    margin: 0 auto;
}