CSS(flex)

592 ワード

親要素スタイル

/*        */
display: [flex|box];

/*       */
flex-direction: [row|row-reverse|column|column-rerverse];
box-orient: [vertical|horizontal|inline-axis|block-axis];

/*       */
align-items: [center|flex-start|flex-end|baseline|stretch]
justify-content:[...]
---
box-align: [center|start|end|baseline|stretch]
box-pack: [...]

サブエレメントスタイル

box-flex: {number}
flex: {number}
/*
*     ,            display: block。
*   ,    。 ,     。
*/

リファレンス

  • CSS Flexible Box Layout
  • box-flex