Как сделать список в 2 и больше колонок на CSS и HTML
#CSS #Вебмастеринг #сайтостроение #HTML #Frontend #Список ❓Задача. Часто необходимо сделать список в две колонки. Эту задачу можно решить несколькими способами. ✅ Решение 1. Через свойство float и display. .my-class li { display:block; width:49%; float:left; } ✅ Решение 2. Для вывода списка по несколько колонок можно использовать CSS3-свойства column-count или column-width. Первое — задет количество колонок, а второе — ширину колонки и таким образом заполняет свободное пространство. А свойство column-gap задет интервал между колонками (по-умолчанию — 1 1em). данные свойства можно применяь не только к спискам но и другим тегам. ul style="column-count: 3" (см. статью) 💾 https://wpcraft.top/?p=2292
Создание сайтов на Wordpress - WooCommerce
Как сделать список в 2 и больше колонок на CSS и HTML
#CSS #Вебмастеринг #сайтостроение #HTML #Frontend #Список
❓Задача. Часто необходимо сделать список в две колонки. Эту задачу можно решить несколькими способами.
✅ Решение 1. Через свойство float и display.
.my-class li {
display:block;
width:49%;
float:left;
}
✅ Решение 2. Для вывода списка по несколько колонок можно использовать CSS3-свойства
column-count или column-width. Первое — задет количество колонок, а второе — ширину колонки и таким образом заполняет свободное пространство. А свойство column-gap задет интервал между колонками (по-умолчанию — 1 1em). данные свойства можно применяь не только к спискам но и другим тегам.
ul style="column-count: 3"
(см. статью)
💾 https://wpcraft.top/?p=2292