Есть блок, в который добавляют изображения юзеры. У блока фиксированная ширина. При добавлении малого количества изображений, блок должен либо выравниваться по высоте, либо распределять контент по всему родительскому блоку. Надеюсь доходчиво..выручайте!)
1 ответ
Если я правильно понял, то flex-box в помощь.
.block {
width: 220px;
background-color: #212121;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
<div class="block">
<div class="img">
<img src="https://www.schekino.net/forum/download/file.php?avatar=1758_1310800757.png">
</div>
<div class="img">
<img src="https://www.schekino.net/forum/download/file.php?avatar=1758_1310800757.png">
</div>
<div class="img">
<img src="https://www.schekino.net/forum/download/file.php?avatar=1758_1310800757.png">
</div>
<div class="img">
<img src="https://www.schekino.net/forum/download/file.php?avatar=1758_1310800757.png">
</div>
<div class="img">
<img src="https://www.schekino.net/forum/download/file.php?avatar=1758_1310800757.png">
</div>
<div class="img">
<img src="https://www.schekino.net/forum/download/file.php?avatar=1758_1310800757.png">
</div>
<div class="img">
<img src="https://www.schekino.net/forum/download/file.php?avatar=1758_1310800757.png">
</div>
</div>
-
Да, я такое решение применял..но там скорей нужно другой подход..по типу ловить js ской высоту и ресайзить блок). спасибо) Commented 13 мар. 2018 в 18:35