この記事はElectron Advent Calendar 2015 - Qiita2015の8日目の記事です。 今回の記事のサンプルコードは↓コチラ。 https://github.com/sourcechord/electron-gridlayout-sample 目次 前置き CSS Grid Layout Module Level 1 CSS Grid Layoutの各ブラウザの対応状況 対応状況について補足 メリット・デメリット? CSS Grid Layoutを使ってみる 参考サイト 言葉の定義 Chromiumの拡張フラグを設定する 単純なグリッドレイアウト gridレイアウトをする領域の定義 グリッド上に自動で流し込む場合 流し込む方向の指定 グリッド上の特定の位置へ配置 特定のセルに配置 複数のセルにまたがった配置 ショートハンド Z-Indexの指定 複雑なレイアウト