0

сейчас блоки которые находятся во флексбоксе центруются. как сделать что б они прижались к левому краю

.cont {
  border:1px solid black;
  display:flex;
  flex-direction:column;
  max-height:80px;
  flex-wrap:wrap;
    
}
.item{
  width:20px;
  height:20px;
  background: #000;
  margin:3px;
}
<div class="cont">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

главное условие что б сохранилось направление блоков(flex-direction column) и при этом они прижимались к левому краю Вот так введите сюда описание изображения

1 ответ 1

1

Добавить .cont align-content: flex-start;

.cont {
  border:1px solid black;
  display:flex;
  flex-direction:column;
  max-height:80px;
  flex-wrap:wrap;
  align-content: flex-start;
}
.item{
  width:20px;
  height:20px;
  background: #000;
  margin:3px;
}
<div class="cont">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

Ваш ответ

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

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