console 命令行工具 X clear
console
<!DOCTYPE html>
<html>
<head>
    <title>Flexbox布局</title>
    <!-- <style>
        .flex-container {
            display: flex; /* 设置容器为Flex布局 */
            justify-content: space-between; /* 元素之间平均分布 */
        }

        .flex-item {
            width: 30%; /* 设置每个子元素的宽度为30% */
            padding: 10px;
            border: 1px solid #ccc;
            text-align: center;
        }
    </style> -->
</head>
<body>
    <!-- <div class="flex-container">
        <div class="flex-item">1</div>
        <div class="flex-item">2</div>
        <div class="flex-item">3</div>
    </div> -->

     <div style="display:flex;justify-content:space-between">
        <div style="width:33.33%;background-color:red">1</div>
        <div style="width:33.33%;background-color:blue">2</div>
        <div style="width:33.33%;background-color:green">3</div>
    </div>
</body>
</html>