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

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


admin
 Поделиться

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

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

<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;
}

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

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

 Поделиться

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...