divに画像を縦に積み重ねるには

3つの画像を含むdivが必要なので、画像を縦に積み重ねてください。
divの幅をイメージの幅に設定しましたが、それは何もしません。ここに私のコード：divに画像を縦に積み重ねるには

.detailImgWrapper 
    { 
    display: inline; 
    position: relative; 
    width: 25px; 
    top:-210px; 
    } 

.detailImgWrapper img 
    { 
    visibility: hidden; 
    padding: 0; 
    padding-top: 10px; 
    display: inline; 
    width: 25px; 
    height: 25px; 
    }

ありがとうございます。

出典

2011-12-18 Dale

jsfiddle.netを使用して、例にリンクを送信できますか。私はあなたのimgタグのためのdisplay：blockを設定することがあなたが望むものを達成しない理由を理解していません（Aaronが示唆するように）。 –

画像をdisplay: blockに設定し、縦に積み重ねる必要があります。

出典

2011-12-18 22:35:38 Aaron

私もそう思った。私がそれをすると、div内だけでなく、ウィンドウ全体に改行が適用されます。 – Dale

imgをdisplay：blockに変更した場合、それも包含divに適用されるようです。 – Dale

これは動作しませんか？ http://jsfiddle.net/jblasco/QqJRR/ – justis

親とディスプレイの組み合わせ：インラインとディスプレイとしての子：ブロックは、要素を次元とともに水平に配置するために使用する手法です。表示：ディメンションを与えるにはブロックが必要です（私はあなたのケースのパディング）。

あなたが書いたコードは、画像を縦に積み重ねるのではなく、横に並べるように働いているようです。だから、私はディスプレイがどのように機能するのだろうか：インラインが親に役立っているのだろうか？

出典

2011-12-19 04:41:47

divに画像を縦に積み重ねるには

答えて

関連する問題