2010-12-07 14 views
0

私はいくつかの画像をこのように配置するCSSを使用しようとしている:イメージを右揃えにする方法は?

|_________<img1_1>|___<img2_1>| 
|     |<___img2_2>| 
|     |__<_img2_3>| 

すべての画像は右揃えであるべきで、画像のサイズは変更になる場合がありますので、私は固定幅のサイズを使用することはできません。

画像img1_1は他のすべてのものから離れています(ただし、ページの右揃えになっています)。

plz help! CSS

セットで

答えて

2

は、すべての画像はイメージのため、右 に浮かぶ2_2、レイアウトことになっている場合2_3はclear:right

を設定 - ページ上の領域を作成するためにdivを使用することを検討してください。

コンテンツdivを作成し、divを2つ追加します。それらのうちの1つのフロートを右に設定し、幅を与えます。もう一方に余白を設定します。それらに画像を入れてください。

+0

非常に良い!明らかに:私は行方不明だった。私はすでにうまくいきませんでした。非常に多くの:D – Seeker

1

float: rightinline-blockを使用すると正常に動作します。

floatブラウザによってはさまざまな結果が得られることがありますが、99%の効率で動作します。

ジェームズ

+0

動作しませんでした。十分なスペースがあれば、img2_1,2_2,2_3は一緒に滞在します。私はfirefox 3.6.12を使用しています。 – Seeker

0

あなたはdivタグ内のすべての画像がクラスまたはIDを追加し、テキスト整列するクラス/ IDを設定ラップすることができます:右;またはすべての画像を右に浮きます.class img {float:right; }

+0

テキストアラインメントは、画像の代わりにテキストを入れ、div内の画像に対してのみ有効です。十分なスペースがあれば、img2_1,2_2,2_3は一緒に留まります。 – Seeker

関連する問題