画像を縦に4列に並べるにはどうすればよいですか？

-1

添付画像に示されているように、下の4行に多くの画像を配置したいと思います。私が抱えている問題は、いずれか試してみると、1つの長い行の画像、ページの周りに広がった画像、お互いの上の3つの行のいずれかになります。画像を縦に4列に並べるにはどうすればよいですか？

出典

2016-08-01 Mathias Aaøyen

は、ブートストラップCSSフレームワークを検討して考えてみましょ作品を願って...これはあなたが探していたものである希望....このコードを試してみてください –

div { 
 
    text-align: justify; 
 
} 
 

 
div img { 
 
    display: inline-block; 
 
    width: 100px; 
 
    height: 100px; 
 
} 
 

 
div:after { 
 
    content: ''; 
 
    display: inline-block; 
 
    width: 100%; 
 
}

<body> 
 
    <div> 
 
     <img src="" alt="" /> 
 
     <img src="" alt="" /> 
 
     <img src="" alt="" /> 
 
     <img src="" alt="" /> 
 
    </div> 
 
</body>

はそれが

出典

2016-08-01 13:07:00

画像を縦に4列に並べるにはどうすればよいですか？

答えて

関連する問題