例
柔軟の項目の間にいくつかのスペース作り<div>要素を：
document.getElementById("main".style.justifyContent = "space-between"; »それを自分で試してみてください 定義と使用法
項目は、メイン軸上のすべての利用可能なスペースを使用しないときjustifyContentプロパティは、フレキシブルコンテナのアイテムを揃え(horizontally) 。
ヒント：クロス軸上のアイテムを整列させるためにalignContentプロパティを使用して(vertically) 。
ブラウザのサポート
正当化-contentプロパティは、Firefox、オペラ座、Chromeでサポートされています。
構文
justifyContentプロパティを返します：
object .style.justifyContent justifyContentプロパティを設定します。
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| flex-start | デフォルト値。 アイテムは、コンテナの先頭に配置されています |
| flex-end | アイテムは、コンテナの端部に配置されています |
| center | アイテムは、コンテナの中心に位置しています |
| space-between | アイテムは、ライン間のスペースに配置されています |
| space-around | アイテムは間、および行の後、前のスペースに配置されています |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | フレックススタート |
|---|---|
| 戻り値： | 要素の正当化コンテンツプロパティを表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス： justify-content property
HTML DOM STYLE参考： alignContent property
HTML DOMのスタイル参照： alignItems property
HTML DOM STYLE参考： alignSelf property
<スタイルオブジェクト