CSS グリッドレイアウト - CSS: カスケーディングスタイルシート | MDN

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。 �#m ��View in English �� ��Always switch to English CSS グリッドレイアウトモジュールは、ページを大きな領域に分割することや、 HTML のプリミティブから構成されたコントロールの部品間の、寸法、位置、レイヤーに関する関係を定義することに優れています。 表と同様に、グリッドレイアウトによって要素を列と行に整列させることができます。しかし、 CSS グリッドを使用すると、表で実現するよりもより複雑なレイアウトが可能で、あるいは簡単に実現できます。例えば、グリッドのコンテナー内にある子要素は、 CSS の位置指定された要素と同様に自分自身の位置を決めることができるので、実際に重ね合わせてレイヤーに

[pmint]

Flexboxレイアウトの次、というか本命。格子状の線（グリッド）の、何番目の線から何番目の線まで…という指定でブロック要素を配置。「エクセル方眼紙」をWebデザインに適用する感じ。