Автоматическое деление содержимого блока на 2 колонки
Допустим, есть блок, содержимое которого должно отображаться в 2 колонки:
<div class="block">
Содержимое блока
</div>
Для того, чтобы все содержимое блока разделилось на 2 колонки, понадобится такой код CSS:
.block {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
Комментарии