这个问题可能已经有人回答了，如果是这种情况，请给我重定向。

虽然我在 CSS 网格中将文本居中放置时遇到了一些问题。

我正在处理这个登录页面，它使用 CSS 网格来居中我想要的位置。 我试过 text-align:center; 通常有效，但我最近开始反应。

我已经包含了我认为重要的代码，如果您需要更多，请给我发消息或回复。我正在使用 SASS 进行造型。 （我省略了一些导入等。

登录.tsx

import Navbar from '../components/Navbar'
import '../styles/pages/login.scss'
    return(<div>
            <Navbar />
            <div classname="screen">
                <div classname="ob"></div>
                <div classname="ob"></div>
                <div classname="ob"></div>
                <div classname="ob"></div>
                <div classname="ob centre">
                    <span classname="maintext">Welcome,<br></br>Sign here please?</span>
                </div>
                <div classname="ob"></div>
                <div classname="ob"></div>
                <div classname="ob"></div>
                <div classname="ob"></div>
            </div>
        </div>
    )

login.scss

.screen {
    height:100%;
    width:100%;
    position:fixed;
    display:grid;
    grid-template-rows: 15% 55% 30%;
    grid-template-columns: 25% 50% 25%;
    background:blanchedalmond;
}



.centre{
    font-family:inter;
    background-color: blue;
    position:static;
}

.maintext{
    font-family:inter;
    font-weight:bold;
    color:black;
    font-size:27.5pt;
    text

谢谢，亚历克斯