恋愛・ライフハックからWordPressのカスタマイズメモ

Koeda Blog

WEB・Wordpress

display:flexで中央寄せ、右寄せ、均等配置

投稿日:2018年3月17日 更新日:

 

「display:flex」に内包された要素はjustify-contentプロパティを使用して、位置を指定します。

{
display:flex;

justify-content: flex-start; /*左揃え(デフォルト)*/
justify-content: flex-end; /*右揃え*/
justify-content: center; /*左右中央*/
justify-content: space-between; /*均等割り*/
justify-content: space-around; /*均等割り(左右余白あり)*/
}

 

-WEB・Wordpress

Copyright© Koeda Blog , 2018 All Rights Reserved Powered by STINGER.