0

Есть блок, в который добавляют изображения юзеры. У блока фиксированная ширина. При добавлении малого количества изображений, блок должен либо выравниваться по высоте, либо распределять контент по всему родительскому блоку. Надеюсь доходчиво..выручайте!)

1 ответ 1

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>

1
  • Да, я такое решение применял..но там скорей нужно другой подход..по типу ловить js ской высоту и ресайзить блок). спасибо)
    – user266698
    Commented 13 мар. 2018 в 18:35

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.