1

Привет, подскажите если возможно без jS сделать такой блок. Внимательно прошу обратить внимания на элементы, их количество разделяются ровно на 2 и они слева и справа. Решение требуется универсальное что бы любое количество делала такой вид. Или без JS никак? Если никак подскажите примерный алгоритм создания

введите сюда описание изображения

2
  • Разделить на отдельные колонки не вариант?
    – Cheg
    13 сен 2017 в 20:02
  • Это будет выводится из админ панели
    – Dan
    13 сен 2017 в 20:09

1 ответ 1

3

.list {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
<ul class="list">
  <li class="list_item">Пункт 1</li>
  <li class="list_item">Пункт 2</li>
  <li class="list_item">Пункт 3</li>
  <li class="list_item">Пункт 4</li>
  <li class="list_item">Пункт 5</li>
  <li class="list_item">Пункт 6</li>
  <li class="list_item">Пункт 7</li>
  <li class="list_item">Пункт 8</li>
  <li class="list_item">Пункт 9</li>
  <li class="list_item">Пункт 10</li>
  <li class="list_item">Пункт 11</li>
  <li class="list_item">Пункт 12</li>
  <li class="list_item">Пункт 13</li>
  <li class="list_item">Пункт 14</li>
</ul>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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