Какие существуют методы размещения нескольких колонок на веб-странице?

Несколько методов размещения нескольких колонок на веб-странице:

1. С помощью плавающих блоков. webformyself.com По умолчанию два блока в нормальном потоке не могут стоять на одной строке, но это поведение можно изменить, прописав обоим свойство float: left | right. webformyself.com Они начнут прижиматься к левому или правому краю. webformyself.com
2. С помощью таблиц. webformyself.com Таблицы созданы для вывода большого количества ячеек и столбцов, поэтому сделать в них колонки проще всего. webformyself.com Вся их структура задаётся в html-коде, поэтому код получается достаточно громоздким. webformyself.com
3. С помощью флексбокса. webformyself.com Создаётся один общий блок-контейнер, в который помещаются другие блоки, которые нужно сделать в виде колонок. webformyself.com Потом этому контейнеру нужно прописать display: flex. webformyself.com
4. С помощью CSS свойств для разбиения текста на колонки. webformyself.com К блоку, в котором текст нужно разбить в несколько колонок, применяются следующие свойства: webformyself.com

• Column-count — свойство задаёт количество колонок, на которое нужно разбить текст. webformyself.com
• Column-width — задаёт количество символов текста в одной колонке. webformyself.com
• Column-gap — определяет промежуток между колонками. webformyself.com Можно задавать в пикселях. webformyself.com
• Column-rule — рисует линию, разделяющую колонки. webformyself.com

1. С помощью технологии CSS Grid Layout. doka.guide Это удобная технология для раскладки элементов на веб-страницах. doka.guide