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

Importing

デフォルトのCSSを使用するためのflexグリッドのエクスポートミックスインが含まれています。

2

Basics

Flexグリッドの構造は、フロートグリッドの構造に似ています。

3

Advanced Sizing

サイズ変更クラスが列に含まれていない場合、それはそれ自体を拡張し、列の残りのスペースを埋めます。

4

Responsive Adjustments

フレックスグリッドの列の明示的なサイズが指定されていない場合、列のサイズが自動調整されます

5

Column Alignment

フレックスグリッド列は、親行の水平軸または垂直軸に整列できます。

6

Source Ordering

ソースの順序付けは、異なるサイズの画面で列を再配置するのに役立ちます。

7

Sass Reference

SASS(Syntactically Awesome Stylesheet)は、CSSの繰り返しを減らし、時間を節約するのに役立つCSSプリプロセッサです。