Html 为什么我的登录块不会集中在reactjs中？

我正试图把这个街区移到中间。这是我的密码：

这是CSS：

.login\uuuu body{
显示：块；
文本对齐：居中；
边框：1px纯色浅灰色；
宽度：400px；
高度：600px；
}    

代码如下：

import React from 'react';
import './App.css';

function LoginBody() {
    return (
        <div>
            <div className="login__body">
                <h1>Hello</h1>
            </div>
        </div>
    );
}
    
export default LoginBody;

从“React”导入React；
导入“/App.css”；
函数LoginBody（）{
返回(
你好
);
}
导出默认登录体；

您可以使用

display:flex

将元素置于其父元素的中心

function LoginBody() {
    return (
        <div className="login_container">
            <div className="login__body">
                <h1>Hello</h1>
            </div>
        </div>
    );
}

---

通过这样做，您的

.login\u容器

元素将占据整个页面，并将其子元素（

.login\u body

）水平和垂直居中。您可以找到

flex

属性的文档详细信息；还有一篇关于css技巧中的flex的更具描述性和简单的文章

我不是想把整个区块放在中心位置，我是想把整个区块放在中心位置哦，很抱歉刚才加载的例子是的，当然，通过将flex添加到

。登录\uu容器

中的孩子

。登录\uu主体

将被放在中心位置感谢您的帮助。由于我犯了这么多错误，学习反应是相当困难的。