[分享]css三个表格放在一行

  <div class="table-container">
            <table class="table1">
                //表格内容
            </table>
            
            <table class="table2">
                //表格内容
            </table>
            
            <table class="table3">
                //表格内容
            </table>
        </div> 

接下来，我们需要使用CSS来让这三个表格在同一行中显示。我们可以给这个容器添加"display: flex"，并给每个表格添加"flex: 1"来让它们平分这个容器的宽度：

  .table-container {
            display: flex;
        }
        
        .table1, .table2, .table3 {
            flex: 1;
        } 

这样，我们就成功地让三个表格放在了同一行。如果我们想要调整它们之间的间距，可以使用"margin"来设置：

  .table1, .table2, .table3 {
            flex: 1;
            margin-right: 10px;
        }
        
        .table3 {
            margin-right: 0;
        } 

这里我给中间的表格添加了右边距为10px，最后一个表格的右边距为0，这样三个表格就能够均匀地分布在这个容器中了。

总之，通过使用CSS的弹性盒子（flexbox）布局，我们可以轻松地实现多个表格同行展示的效果，这在设计网页界面时非常有用。