CSS

グリッドの要素を揃える3

グリッド内で各要素を個別で配置する方法について。

  • justifty-self
  • align-self

justifty-self

・グリッドでもflex-boxで使ったjustify-selfやalign-selifを使うことができます。使い方はflex-boxのときと同様で各要素に直接指定することができて要素を各要素のグリッドの中で個別に指定することができます。

フレックスボックスを作ってみよう

・個々の要素を列方向に制御します。初期値では左右方向に指定します。

・値はstart ならこの要素だけが左揃え、 end ならこの要素だけが右揃え、 center ならこの要素だけが中央揃えになります。

align-self

・個々の要素を行方向に制御します。初期値では上下方向に指定

・値はstart; だったら上揃え、 end; で下揃え、 center; でこの要素だけ中央揃えになります。

-広告-

 

 






-CSS