包含在单个打印页面中的两列div

<style>
    .container {
        display: flex;
    }
    .column {
        flex: 1;
        margin: 10px;
    }
</style>

<div class="container">
    <div class="column">
        <!-- 第一列内容 -->
    </div>
    <div class="column">
        <!-- 第二列内容 -->
    </div>
</div>

<style>
    .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    .column {
        /* 可以设置其他样式，如边框、背景色等 */
    }
</style>

<div class="container">
    <div class="column">
        <!-- 第一列内容 -->
    </div>
    <div class="column">
        <!-- 第二列内容 -->
    </div>
</div>