2017-12-06 6 views
1

は、私はいくつかの特定の制約を持つセルのグリッドでゲームを構築していますが、私はすべてのことを行うにはCSSの権利を得ることができないのdiv:縦の正方形内のテキストを中心に(フレックス)は

  • があるはずです各行に9個の細胞がある(従ってwidth: 11.11%)。
  • 各セルのサイズは、正方形である必要があります(div:before { content: ''; float: left; padding-top: 100%; }で管理)。
  • 各セルには、セル内に水平方向および垂直方向の中央に1桁の数字が含まれています。
  • ゲームは応答性が高いので、携帯電話のテキストと一緒にセルのサイズを縮小できます(私は現在font-sizeとメディアクエリで遊んでいます)。

セル内のテキストを垂直方向にセンタリングすることを除いて、これらのすべてがOKであるという点に着いた。誰かがそのトリックが何であるかを知っていますか、それが不可能なのか、私はそのイメージを作成すべきですか?フレックスコンテナの使用中

答えて

3

justify-content:center 
align-items: center 

this guide

+0

グレートにも見えます!簡単なことは分かりませんでした。私がどれくらい時間を失ったか信じられない... – Koen

関連する問題