実用段階に来た次世代CSSレイアウト「Grid Layout Module」ってなに?



2017年04月26日 17時00分更新

記事提供:WPJ

本文印刷

ChromeとFirefoxにデフォルトで実装された、CSS Grid Layout Module(グリッドレイアウトモジュール)。その基本的な機能と使い方を、デモを交えて。

Webアプリケーションはいよいよ複雑化してきています。そのためフロートを使ったハック的なソリューション抜きで、もっと自然に、簡単に高度なレイアウトを実現できる方法や、手間の省けるテクニックが必要とされています。CSS Grid Layout Moduleを使って、レイアウト作成における期待の新しいソリューションを実現できます。

本記事ではこの比較的新しいCSS機能について紹介します。現時点でのブラウザーの対応状況を説明し、例を使ってCSS Grid Layout Moduleがどのように動作するかを説明します。

CSS Grid Layout Moduleとは?

Grid Layoutの背後にある中心的な概念は、Webページを列と行に分割し、作成した列と行のサイズや位置、レイヤーの定義に基づいて構成要素の位置やサイズを決定できるというものです。

この記事をWPJのサイトで読む

Related Post