在方形（flex）div中垂直居中文本[重复]
Posted
技术标签:
【中文标题】在方形（flex）div中垂直居中文本[重复]【英文标题】：Vertically centering text in square (flex) divs [duplicate] 【发布时间】：2018-05-20 13:17:13 【问题描述】：我正在构建一个包含一些特定约束的单元格网格的游戏，但我无法让 CSS 正确地完成所有这些操作：
每行应该有 9 个单元格（所以width: 11.11%）。
每个单元格都应为正方形（使用div:before content: ''; float: left; padding-top: 100%; 管理）。
每个单元格包含一个在单元格内水平和垂直居中的数字。
游戏应该是响应式的，因此单元格可以与移动设备上的文本一起缩小（我目前正在玩 font-size 和媒体查询）。
除了单元格中文本的垂直居中之外，所有这些都可以。任何人都知道诀窍是什么，或者如果这是不可能的，我应该为此创建图像？
【问题讨论】：
【参考方案1】：在弹性容器中使用：
justify-content:center
align-items: center
也请关注this guide
【讨论】：
以上是关于在方形（flex）div中垂直居中文本[重复]的主要内容，如果未能解决你的问题，请参考以下文章