CSSで2つ横に並んだ画像を中央寄せ
CSSで2つ横に並んだ画像を中央寄せ
CSSで画像を中央寄せするときにはtext-alignを使いますが、2つ横に並んだ画像はどうやって中央寄せしたら良いですか？
言葉での説明が難しいのですが、イメージとしてはヘッダーに２つの画像アイコンを使用していて、それらをヘッダーの中央に持ってきたいです。
0
1Answer
div要素で囲ってjustify-contentを設定すればできます。
sample.html
<div class="image-container">
<img src="img1.jpg">
<img src="img2.jpg">
</div>
sample.css
div.image-container {
display: flex;
justify-content: center;
}
詳しくはflexboxなどのキーワードで検索してみてください。
1Like
Comments
@ishida-kun
Questioner
ありがとうございます。上手く出来ませんでした汗。他が間違ってるんですかね(´･_･`)
もう一回やってみます。