Как стоит делать списки в две колонки?

Question

[vvanyazz]

Как стоит делать такие списки в две колонки?

Стоит делать их с помощью двух ul и потом flex для родителя ul или есть какие-то инные способы?

Answer 1

[Алексей Ярков]

Как вариант: jsfiddle.net/yarkov_aleksei/6rsnahym/2

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
</ul>

ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

Answer 2

[karmyskove]

Если не хочешь использовать flex есть множество других способов, например: табличный метод, float, grid, с помощью позиционирования (absolute, relative или в связке), с помощью margin, transform: translate. Самый лучший способ думаю все же с помощью flex или grid.
Вот две шпаргалки по grid и flex:
https://fls.guru/flexbox.html
https://fls.guru/grid.html

Comments

[vvanyazz]

я не отказываюсь от флекс, просто хотел узнать, я всегда делал две колонки списков и ставил их в ряд с помощью флекс, есть ли другие способы делать такие колонки или мой способ нормальный?

[karmyskove]

vvanyazz, твой способ нормальный.

[karmyskove]

vvanyazz, в следующий раз код прикрепляй для примера, в таком случае можно будет дать более развернутый ответ на твой вопрос.