javascript - 如何在页面上对齐两个附加的孩子，JavaScript

Question

我需要创建两个表，将它们附加到页面。

当我只是附加两个表时：

document.getElementById("list").appendChild(list_table_one);
document.getElementById("list").appendChild(list_table_two);

他们把一页放在另一页下面。我怎样才能将它们并排放置？

Answer 1

您可以将显示属性设置为 inline-block

有关更多详细信息，请参见示例

更新：我添加表格以显示如何配置 css 以换行。

重要的是要说这些元素在 div 内，具有定义的宽度。

Answer 2

Setting the table's display property to inline-block, or floating the table to one side should allow them to display side-by-side, assuming they are narrow enough.

table {
    display: inline-block;
    /* or */
    float: left;
}