ここから本文です

コーディングについて教えてください。 画像が2つ並んでいて、Aは左寄せ、Bは右...

meg********さん

2014/10/1721:22:47

コーディングについて教えてください。

画像が2つ並んでいて、Aは左寄せ、Bは右寄せにしたいです。
仮に親ボックスのwidthは500pxとします。

Bが1つだけの時ならmargin-left:autoで出来ましたが、
2つある時は効きませんでした。

どうしたら出来るのでしょうか。
どうぞ宜しくお願い致しますm(__)m

【HTML】
<div id="ZZZ">
<img class="A" src="A.jpg" width="80">
<img class="B" src="B.jpg" width="80">
</div>

補足回答ありがとうございます。

言い忘れてました、すみません…。
出来ればfloat以外が良いのですが。。。

また、margin-left:autoが効かない理由も教えて頂けるとありがたいです。
どうぞ宜しくお願い致しますm(__)m

閲覧数:
53
回答数:
2

違反報告

ベストアンサーに選ばれた回答

おでんさん

2014/10/1723:57:47

#zzz {
width: 500px;
background: #444;
}

.a {
width: 80px;
float: left;
}

.b {
width: 80px;
float: right;
}

他にも色々とパターンはありますが、このようなのはどうでしょう。
floatを使った後はclear: both;などで解除が必要なのでご注意。

この回答は投票によってベストアンサーに選ばれました!

ベストアンサー以外の回答

1〜1件/1件中

nao********さん

2014/10/2112:46:36

margin:auto;でないと中央寄せになりません。

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる