5
CSS Flexboxに「justify-items」と「justify-self」プロパティがないのはなぜですか?
フレックスコンテナーの主軸と交差軸を考えます。 出典:W3C 主軸に沿ってフレックスアイテムを配置するには、1つのプロパティがあります。 justify-content クロス軸に沿ってフレックスアイテムを配置するには、3つのプロパティがあります。 align-content align-items align-self 上の画像では、主軸は水平で、交差軸は垂直です。これらは、フレックスコンテナのデフォルトの方向です。 ただし、これらの方向はflex-direction宿泊施設と簡単に交換できます。 /* main axis is horizontal, cross axis is vertical */ flex-direction: row; flex-direction: row-reverse; /* main axis is vertical, cross axis is horizontal */ flex-direction: column; flex-direction: column-reverse; (交差軸は常に主軸に対して垂直です。) 軸の働きを説明する上での私のポイントは、どちらの方向にも特別なものは何もないように見えることです。主軸、交差軸、重要度の点で同じであり、flex-direction簡単に前後に切り替えることができます。 では、なぜ交差軸は2つの追加の配置プロパティを取得するのですか? なぜされているalign-contentとalign-items主軸のために一つの特性に統合? 主軸がjustify-selfプロパティを取得しないのはなぜですか? これらのプロパティが役立つシナリオ: フレックスコンテナーの隅にフレックスアイテムを配置する #box3 { align-self: flex-end; justify-self: …
675
css
flexbox
language-lawyer
w3c