В связи с блокировкой банка QIWI оплата через сайт не возможна.
Для оплаты и получения дополнений просьба писать в личные сообщения Admin*у
После оплаты Вам так же будет доступно скачивание дополнений и обновлений на данном форуме

Вывести список в 2 колонки

Автор admin
21 марта, 2022 в Полезные доработки

Подписчики 0

Рекомендуемые сообщения

admin

Опубликовано 21 марта, 2022

- Поделиться

Опубликовано 21 марта, 2022

Иной раз бывает так что имеется длинный (очень длинный) список

<div class="wrap">
  <ul>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
  </ul>
</div>

и хотелось бы его разделить на две колонки
Решается вопрос средствами css

.wrap ul {
  list-style-position: inside;
  -moz-column-count: 2; /* Firefox */
  -webkit-column-count: 2; /* Safari and Chrome */
  column-count: 2;
  height: 200px;
}

*Для отображения на мобильной версии используем медиазапросы