INFO:

多くのデベロッパーは画像の扱いに苦労します。レスポンシブ対応 [https://www.freecodecamp.org/news/css-responsive-image-tutorial/] や位置の処理、中でもページの中央に画像を配置することは特に困難です。 そこで、この投稿では、さまざまな CSS のプロパティを使用して画像を縦と横の両方で中央に配置する方法で最もよく使われるものをお見せします。 過去の投稿では、CSS の Position [https://www.freecodecamp.org/news/how-to-use-the-position-property-in-css-to-align-elements-d8f49c403a26/] や Display [https://www.youtube.com/watch?v=hgoFi0fCv3w] プロパティを扱っています。もしこれらのプロパティに馴染みがなければ、この記事を読む前にそちらを確認することをおすすめします。 この記事の動画版はこちらです。 画像を横方向で中央に配置する まずは、3 つの異