水平方向と垂直方向にさまざまなサイズの正方形または円形の固定 HTML 要素を中央に配置するにはどうすればよいですか?この難しさは、幅と高さを等しく保つ必要があるという事実から生じると思います。
この問題は flex を使えば簡単に解決できると思います。関連する四角形または円形の要素を親要素 (div) からラップします。次に、justify-content プロパティと align-item プロパティを親タグに使用します。ここでは、デモ用に親コンテナの高さと幅として 100vh 100vw を使用します。しかし、目的に応じて変更することができます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
この問題は flex を使えば簡単に解決できると思います。関連する四角形または円形の要素を親要素 (div) からラップします。次に、justify-content プロパティと align-item プロパティを親タグに使用します。ここでは、デモ用に親コンテナの高さと幅として 100vh 100vw を使用します。しかし、目的に応じて変更することができます。