1
は、私はいくつかの特定の制約を持つセルのグリッドでゲームを構築していますが、私はすべてのことを行うにはCSSの権利を得ることができないのdiv:縦の正方形内のテキストを中心に(フレックス)は
- があるはずです各行に9個の細胞がある(従って
width: 11.11%
)。 - 各セルのサイズは、正方形である必要があります(
div:before { content: ''; float: left; padding-top: 100%; }
で管理)。 - 各セルには、セル内に水平方向および垂直方向の中央に1桁の数字が含まれています。
- ゲームは応答性が高いので、携帯電話のテキストと一緒にセルのサイズを縮小できます(私は現在
font-size
とメディアクエリで遊んでいます)。
セル内のテキストを垂直方向にセンタリングすることを除いて、これらのすべてがOKであるという点に着いた。誰かがそのトリックが何であるかを知っていますか、それが不可能なのか、私はそのイメージを作成すべきですか?フレックスコンテナの使用中
グレートにも見えます!簡単なことは分かりませんでした。私がどれくらい時間を失ったか信じられない... – Koen