我在一个父表中有两个表，如何使它们具有相同的宽度？

<style>
    .parent-table {
        display: table;
        width: 100%;
    }

    .child-table {
        display: table-cell;
        width: 50%;
    }
</style>

<div class="parent-table">
    <div class="child-table">
        <!-- 第一个子表内容 -->
    </div>
    <div class="child-table">
        <!-- 第二个子表内容 -->
    </div>
</div>

<style>
    .parent-table {
        display: flex;
        width: 100%;
    }

    .child-table {
        flex: 1;
    }
</style>

<div class="parent-table">
    <div class="child-table">
        <!-- 第一个子表内容 -->
    </div>
    <div class="child-table">
        <!-- 第二个子表内容 -->
    </div>
</div>