2016-05-01 5 views
0

厳密な指示:右余白にirregularWrapクラスに属するすべてのimg要素を浮動させるスタイルを挿入します。クラス内のすべての画像を浮動させる

この質問は何を意味しているのですか?私は浮動小数点数のプロパティを取得しますが、それは右の余白が他の浮動小数点要素から明らかなときだけ意味するものですか?

<img src="images/student1.jpg" alt="" class="irregularWrap"> 
<img src="images/student2.jpg" alt="" class="irregularWrap"> 
<img src="images/student3.jpg" alt="" class="irregularWrap"> 
<img src="images/student4.jpg" alt="" class="irregularWrap"> 
<img src="images/student5.jpg" alt="" class="irregularWrap"> 

だから、それらは基本的には、その1枚の画像が水平方向に、彼らはちょっと左端周辺の画像の輪郭を描くように言葉が見えるように5つの別々の片に切断し、イメージです。

私は現在持っているCSSは次のようになりますため、私の脳は、決勝戦の準備をしようとして揚げされることに

.irregularWrap { float: right; margin: 0px; } 

私はちょうどこれをoverthinkingてるかどうかわからないんだか、これは本当に我々がdidnのだけで何かあればかなりカバーしています。私がここでうんざりしているアイデア?

This is what all 5 images should look like when they come together as the one picture.

to clarify, this is what I'm getting with the 5 images, instead of them looking as they do in the previous image

+1

おそらく '' clear''プロパティが便利です:https://www.w3.org/TR/CSS2/visuren.html#flow-control – Chad

+0

5枚の画像はお互いの上に重ねて表示するだけです1? – dippas

+0

ええええええええええええええええええええええええええええん –

答えて

-1

あなたが試みることができる:私は以前のコメントで説明したように

clear: right; 

を追加するために必要なCSSで

img { 
    display:inline; // or inline-block; 
} 
+3

'img'はデフォルトで既にインラインです – dippas

+0

これは質問とは関係ありません。 – Rob

+0

はまだ同じように見えます:/これは私を狂った笑に追い込みます –

0

を、私がするのを忘れHTMLシートにフォルダを含めるようにスタイルシートリンクを変更するそれは私のゲーム全体を投げていた。私が言ったように、脳はおそらく揚げられています。笑。

助けてくれてありがとう!

関連する問題