Html 如何在网格中居中放置文本?

Html 如何在网格中居中放置文本?,html,css,css-grid,Html,Css,Css Grid,特定文本不能放在CSS网格的中心 我有一个网格CSS,但是文本“PostManager”似乎没有进入中心。我已将网格项放入flex容器中,但只有此文本似乎不符合规则。任何想法都值得赞赏。多谢各位 正文{ 字体系列:无衬线; } .包装纸{ 显示:网格; 网格模板列:重复(15,1fr); 网格模板行:重复(15,1fr); 宽度:100vw; 高度:100vh; } .gn{ 背景色:#7fd2f0; 网格行:1/16; 书写方式:垂直lr; 文本取向:混合型; 变换:旋转(180度); }

特定文本不能放在CSS网格的中心

我有一个网格CSS,但是文本“PostManager”似乎没有进入中心。我已将网格项放入flex容器中,但只有此文本似乎不符合规则。任何想法都值得赞赏。多谢各位

正文{
字体系列:无衬线;
}
.包装纸{
显示:网格;
网格模板列:重复(15,1fr);
网格模板行:重复(15,1fr);
宽度:100vw;
高度:100vh;
}
.gn{
背景色:#7fd2f0;
网格行:1/16;
书写方式:垂直lr;
文本取向:混合型;
变换:旋转(180度);
}
.ab{
背景色:#85fedd;
网格柱:2/16;
}
下午三时{
背景色:#f7f7f7;
网格行:2/16;
网格柱:2/5;
文本对齐:居中;
}
.wp{
背景色:#C6;
网格柱:6/16;
网格行:2/16;
}
.居中文本{
显示器:flex;
证明内容:中心;
对齐项目:居中;
}

全球导航
应用程序栏
邮政经理
书写空间
试试这个

.pm {
    grid-column: 2/6;
}

网格列:2/5
-->我猜你的意思是
网格列:2/6
.pm{grid column:2/6}