@drtvader
Вечный студент

Как сделать 3 колонки на flex-box?

Привет!
Есть код:
<ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
</ul>


Как на flex сделать, что бы li выстраивались в 3 колонки?
Что бы получилось:
в первой колонке: 1, 2;
во второй: 3, 4;
в третьей: 5
Возможно ли такое?
  • Вопрос задан
  • 21463 просмотра
Решения вопроса 2
AnnTHony
@AnnTHony
Интроверт
Ответ написан
Комментировать
@ArturArturov
можно попробовать так:
ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 300px;
  padding: 0;
}
li{
  width: 33%;
  height: 100px;
  background: red;
  background-clip: content-box;
  padding: 10px;
  list-style: none;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы