複数の画像を1つのdivに表示する

cssとhtmlを使用して1つのdivに複数の画像を表示するにはどうすればいいですか？例えば、https://www.awesomescreenshot.com/image/3066306/6f04718aa19dcc4b88192304a0f9a307。二つの異なるdiv要素で
複数の画像を1つのdivに表示する

<body> 
 
    <div class="deck"> 
 
    <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/kXlrGioGfFKOvibpsPzzGx16cP2.jpg" alt="testimage"> 
 
    <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/zzfwhweu5reCv2Loqzon7Q5WAd5.jpg" alt="testimage"> 
 
    <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/sGuZHYvu0mXeQCwvJ5yzk2Yoytq.jpg" alt="testimage"> 
 
    <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/4Ar01t6sW1ZZBcbz2R1wqjzIBdr.jpg" alt="testimage"> 
 

 
    </div> 
 
</body>

https://jsfiddle.net/wa9gfgvz/

出典

2017-12-28 Mappy Lord

をhttps://jsfiddle.net/wa9gfgvz/2/が –

OK、それはあなたの問題何、私は私が好きな –

は、画像を表示表示されませんでした、よく働いて、これを試してくださいこの例のように：https://www.awesomescreenshot.com/image/3066306/6f04718aa19dcc4b88192304a0f9a307 –

別々の画像をしている場合、その後、メインのdivの内側にそのdivを置く：私がこれまで行ってきたものをここで

必要なのは、ContainerDivを中心に置くことも、何にでもすることもできます。コンテンツは、1行につき2つのイメージになります。
しかし、私はここにそれが来る、とにかく、このような機能にブートストラップを使用することをお勧めしますが、：

<div class='ContainerDiv'> 
     <div class="deck"> 
      <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/kXlrGioGfFKOvibpsPzzGx16cP2.jpg" alt="testimage"> 
      <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/zzfwhweu5reCv2Loqzon7Q5WAd5.jpg" alt="testimage"> 
     </div> 

     <div class="deck"> 
      <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/sGuZHYvu0mXeQCwvJ5yzk2Yoytq.jpg" alt="testimage"> 
      <img src="https://image.tmdb.org/t/p/w220_and_h330_bestv2/4Ar01t6sW1ZZBcbz2R1wqjzIBdr.jpg" alt="testimage"> 
     </div> 
</div>

CSS：

は

.deck{ 
    display:flex; 
}

フィドル：https://jsfiddle.net/prtanruz/

出典

2017-12-28 12:49:44

あなたはこれを試すことができますか？

.deck{ 
    display:block; 
    width:100%; 
    } 

    .deck img{ 
    width:50%; 
    float:left; 
    }

参照してください：JSFiddle

出典

2017-12-28 12:50:15

複数の画像を1つのdivに表示する

答えて

関連する問題