Question

我正在构建一个带有一些特定约束的单元格网格的游戏，但我无法让CSS正确地完成所有这些：

每行应该有9个单元格（width: 11.11%）。
每个单元格应具有方形大小（使用div:before { content: ''; float: left; padding-top: 100%; }进行管理）。
每个单元格在单元格内水平和垂直居中包含一个数字。
游戏应该具有响应性，因此单元格可以与移动设备上的文本一起缩小（我目前正在使用font-size和媒体查询）。

我已经达到了所有这些都没问题的地步，除了单元格中文本的垂直居中。任何人都知道诀窍是什么，或者这是不可能的，我应该为此创建图像？

Answer 1

在Flex容器中使用：

justify-content:center
align-items: center

另请参阅this guide