@WebforSelf

Возможно ли разбить ul li на 2 колонки flex?

<ul class="col2">
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
<li>Пункт 4</li>
<li>Пункт 5</li>
<li>Пункт 6</li>
<li>Пункт 7</li>
<li>Пункт 8</li>
</ul>


Имеем такой список, как сделать чтоб он шел в 2 колонки на flex

C float к примеру понятно, а вот с flex что то не выходит.
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ответы на вопрос 1
solidcreature
@solidcreature
WordPress-митапы в Москве (vk.com/wpmeetup)
Если вы знаете количество элементов и можете задать высоту для UL, то флексом решается очень просто

.col2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 600px;
  height: 300px;
}

.col2 li { 
  height: 25%;
  width: 50%;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
28 февр. 2021, в 19:43
2000 руб./за проект
28 февр. 2021, в 19:34
3000 руб./за проект
28 февр. 2021, в 19:28
50000 руб./за проект