Foundation-flex-grid
提供:Dev Guides
基盤-フレックスグリッド
グリッドは、flex displayプロパティに依存します。 自動スタッキング、ソースの順序付け、垂直方向の整列、水平方向の整列など、flexboxで利用できる多くの機能で構成されています。
ブラウザのサポート
フレックスグリッドは、Chrome、Firefox、Internet Explorer 10以上、Safari 6以上、Android 4以上、iOS 7以上でサポートされています。
次の表に、Flexグリッドの機能とその説明を示します。
Sr.No. | Features & Description |
---|---|
1 |
デフォルトのCSSを使用するためのflexグリッドのエクスポートミックスインが含まれています。 |
2 |
Flexグリッドの構造は、フロートグリッドの構造に似ています。 |
3 |
サイズ変更クラスが列に含まれていない場合、それはそれ自体を拡張し、列の残りのスペースを埋めます。 |
4 |
フレックスグリッドの列の明示的なサイズが指定されていない場合、列のサイズが自動調整されます |
5 |
フレックスグリッド列は、親行の水平軸または垂直軸に整列できます。 |
6 |
ソースの順序付けは、異なるサイズの画面で列を再配置するのに役立ちます。 |
7 |
SASS(Syntactically Awesome Stylesheet)は、CSSの繰り返しを減らし、時間を節約するのに役立つCSSプリプロセッサです。 |