reactjs 如何在React JS中将这些对象垂直居中?

zdwk9cvp  于 2022-11-29  发布在  React
关注(0)|答案(1)|浏览(148)

我真的很难在这里对齐;我花了几个小时在网上找,但没有结果。圆圈、“欢迎使用”文本和矩形彼此相距太远,如x1c 0d1x下图所示
但是我希望它们是这样的,这样用户就不需要向下滚动

任何帮助都是感激不尽的。
我试过了

justifyContent: 'center',
        alignItems: 'center',

'属性,沿着许多更多,但它仍然不工作。

ibrsph3r

ibrsph3r1#

我不知道你的实际饱和度,所以我给予一个简单的例子

<div class='parent'>
<div>Child 1</div>
<div>Child 2</div>
<div>Child 3</div>
</div>

:css
.parent{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }

相关问题