Question

我正在尝试使用flexbox纵向和横向居中一些div，但它没有按预期工作。
这是一张图片，展示了我的目标和期望。

以下是代码：

<html lang="en">

<body>

<style type="text/css">

    body{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
</style>

    <div>111111</div>
    <div>222222</div>
    <div>333333</div>

</body>

</html>

修改

当然，我知道将div放在容器中会更好，这就是我先尝试过的，但在这种情况下，我最终会得到这样的结果：