Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Вывод сложного контента в несколько колонок средствами CSS: column-count, column-gap, page-break-inside



Вывод сложного контента в несколько колонок средствами CSS: column-count, column-gap, page-break-inside
2011-09-29 17:28 Дмитрий Сергеев

Расскажу про использование CSS multi-column layout module. Допустим у нас есть многоуровневый список.

Для основного содержимого страницы он узковат, и возникает желание выводить его в несколько колонок. Для этого используем CSS-свойства column-count: 4 и column-gap: 10px. Первое задает на сколько колонок разбить контент, второе — какой между ними зазор.

читать далее



Вывод сложного контента в несколько колонок средствами CSS: column-count, column-gap, page-break-inside
2011-09-29 17:28 Дмитрий Сергеев

Расскажу про использование CSS multi-column layout module. Допустим у нас есть многоуровневый список.

Для основного содержимого страницы он узковат, и возникает желание выводить его в несколько колонок. Для этого используем CSS-свойства column-count: 4 и column-gap: 10px. Первое задает на сколько колонок разбить контент, второе — какой между ними зазор.

читать далее



В избранное