フレックスボックスの配置CSS( justify-content)
justify-content
ディスプレイフレックスのときの配置
右端に配置したいときの記入
justify-content: flex-end;
使用例
![](https://i0.wp.com/hoge-hoge.com/wp-content/uploads/2022/01/0a55044329988102cbf0bc5724dbd444.jpg?resize=1024%2C149&ssl=1)
.navi{
display: flex;
list-style-type: none;
justify-content: flex-end;
}
.navi li{
background-color: saddlebrown;
color: white;
padding: 10px 30px;
margin-left: 10px;
}
等間隔で配置したい時
justify-content: space-between;
使用例
![](https://i0.wp.com/hoge-hoge.com/wp-content/uploads/2022/01/3a91499dea4a23ed73dec3d053aa3428.jpg?resize=1024%2C91&ssl=1)
.navi{
display: flex;
list-style-type: none;
justify-content: space-between;
}
ディスカッション
コメント一覧
まだ、コメントがありません