【发布时间】：2018-05-20 13:17:13
【问题描述】：
我正在构建一个包含一些特定约束的单元格网格的游戏，但我无法让 CSS 正确地完成所有这些操作：
- 每行应该有 9 个单元格（所以
width: 11.11%）。 - 每个单元格都应为正方形（使用
div:before { content: ''; float: left; padding-top: 100%; }管理）。 - 每个单元格包含一个在单元格内水平和垂直居中的数字。
- 游戏应该是响应式的，因此单元格可以与移动设备上的文本一起缩小（我目前正在玩
font-size和媒体查询）。
除了单元格中文本的垂直居中之外，所有这些都可以。任何人都知道诀窍是什么，或者如果这是不可能的，我应该为此创建图像？
【问题讨论】：