1分で読める！【CSS】要素を均等に並べる方法

本日のテーマは

要素を均等に並べる方法です！

要素を均等に並べる方法

使うCSSは「justify-content:space-around;」です。

＜サンプルコード＞

.sample{
　display:flex;
　justify-content:space-around;
}

※使用する際は「display:flex;」を使用することが必須です。

「justify-content:space-around;」を使用すれば、

画面の横幅に合わせて要素を均等に配置してくれます。