网格垂直居中文本CSS
马特·B。
我正在尝试创建一个具有四个不同象限的网格。在每个象限中，我希望将文本垂直和水平居中。我将文本水平放置，但不垂直放置。这是我部分网格的图片。
这是构成网格的CSS：
.gridcontainer {
display: inline-grid;
grid-template-columns: auto auto;
height: 100%;
grid-template-rows: 100% 100%;
}
这是我的网格内容之一在CSS中的样子：
.logantitle {
font-family: "angleultra";
opacity: 0%;
text-align: center;
}
.loganintro {
font-family: "montserrat-regular";
opacity: 0%;
text-align: center;
}
任何帮助将是巨大的！提前致谢！
凯尔·德佩斯
这个网站对于居中非常有帮助，我填写了我认为你所拥有的
<div style="display:flex;justify-content:center;align-items:center;width:100%;height:100%;">
<div style="width:100%;height:100%;"></div>
</div>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
CSS Div中的垂直居中文本
- 2
CSS，水平分布+水平+垂直居中文本
- 3
在 CSS 中居中文本
- 4
导航栏中的垂直居中文本
- 5
垂直居中文本，右对齐图像
- 6
以响应方式垂直居中文本
- 7
具有透明背景和居中文本的CSS响应网格
- 8
CSS，如何在 Angular 2 的叠加层内垂直居中文本
- 9
文本垂直居中对齐CSS
- 10
如何在网格中居中文本？
- 11
Android中TextView的水平和垂直居中文本
- 12
div中的垂直居中文本/图像不起作用
- 13
窗口高度变量div内的垂直居中文本
- 14
无法在表格单元格中垂直居中文本
- 15
如何垂直居中文本，具有位置：绝对？
- 16
在 PDF acrofield 中垂直居中文本（C#、iTextSharp）
- 17
在 mat-header-col 中垂直居中文本？
- 18
CSS Sprite和文本的垂直居中
- 19
CSS3：div中的居中文本（内容）：之前
- 20
浮动图像CSS HTML之后的水平居中文本
- 21
CSS3：div中的居中文本（内容）：之前
- 22
如何在 CSS 微调器中居中文本？
- 23
WPF：如果文本长于行宽，则如何在网格列中居中文本块
- 24
如何在滑动div中停止文本换行和垂直居中文本
- 25
在父div中垂直居中放置多个子元素（两个img和一个span）的CSS，并自动固定span中文本的字体大小
- 26
在图像中间居中文本
- 27
带有div按钮内的图标的垂直居中文本
- 28
垂直居中文本，不知道它是2行还是1行
- 29
如何与'write-mode：sideways-lr'结合使用水平和垂直居中文本？
我来说两句