Как сделать данную структуру?

147

14 сентября 2017, 18:35

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

Answer 1

.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>