CSS中怎么让两个表格并排

使用 CSS 中怎么让两个表格并排？
CSS 中可以使用 float 属性和 display 属性来让两个表格并排。
首先，我们需要给两个表格设置 float 属性为 left，这样它们就会在同一行上水平排列，而不是一个在另一个下面的垂直排列。代码如下：

table {
  float: left;
} 

这样可以让两个表格并排，但是它们之间会有间隔。可以使用负 margin 来消除它们之间的间隔。代码如下：

table + table {
  margin-left: -10px;
} 

这里的 + 表示选择紧挨着前面的元素，也就是第二个表格。margin-left 的值为一个负数，可以根据实际情况调整，这里使用的是 -10px。
如果两个表格内容的高度不同，可能会出现高度不一致的情况，这时可以使用 display:flex 属性和 align-items:center 属性来将它们垂直居中。代码如下：

.container {
  display: flex;
  align-items: center;
} 

这里的 .container 是包含两个表格的容器，display:flex 属性使其成为一个弹性容器，align-items:center 属性将其内部元素垂直居中。
通过这些 CSS 属性和属性值的组合，我们可以让两个表格并排显示，且它们之间没有间隔，而且可以做到垂直居中的效果。