Html 将桌子彼此对齐

我用bootstrap4创建了两个表，一方面显示规范，另一方面显示收入统计数据

我将两个表都放在一个

col-xs-6

-类中，希望一个表向左对齐，另一个表向右对齐。但是，目前这些表以某种方式相互关联。请在下面找到我的最低可行示例：

规格
价格：
100
制造商：
千兆字节
瓦数：
150
产品：
产品1
收入
时期
利润
成本
利润
时辰
$
0.022
$
0.006
$
0.016
白天
$
1.34
$
0.36
$
0.98
周
$
9.37
$
2.52
$
6.85
月
$
37.48
$
10.08
$
27.40
年
$
449.77
$
120.96
$
328.81

一个规则集：

table.table.stats {display:inline-table}

行为只是一个与元素内联的表格，而不是默认的占据整个宽度并将所有内容向左和向右上下推的行为

您可能会有一个更复杂的环境和真正的代码，因此您可以 要获得更高的，这可能有些过分，但使用引导是常见的必要条件

table.table.stats.table.stats {display:inline-table}

---

演示

table.table.stats{
显示：内联表
}

规格
价格：
100
制造商：
千兆字节
瓦数：
150
产品：
产品1
收入
时期
利润
成本
利润
时辰
$
0.022
$
0.006
$
0.016
白天
$
1.34
$
0.36
$
0.98
周
$
9.37
$
2.52
$
6.85
月
$
37.48
$
10.08
$
27.40
年
$
449.77
$
120.96
$
328.81

一个规则集：

table.table.stats {display:inline-table}

行为只是一个与元素内联的表格，而不是默认的占据整个宽度并将所有内容向左和向右上下推的行为

您可能会有一个更复杂的环境和真正的代码，因此您可以 要获得更高的，这可能有些过分，但使用引导是常见的必要条件

table.table.stats.table.stats {display:inline-table}

---

演示

table.table.stats{
显示：内联表
}

规格
价格：
100
制造商：
千兆字节
瓦数：
150
产品：
产品1
收入
时期
利润
成本
利润
时辰
$
0.022