ads
ads
ads
ads
ads
МЕНЮ:
Главная Сотовая связь Софт Веб-мастеру Графика Железо Portable Игры Интернет Чудеса Науки Apache Delphi Drupal Flash Html Юмор Каталог ноутбуков FAQ
загрузка...


О железках:
iPhone 8 проверили на прочность
Основатель Microsoft извинился за Ctrl+Alt+Delete
Xiaomi хвастается продажей 1 млн смартфонов за 2 суток
iPhone 8 дали оценку ремонтопригодности
Panasonic представила два недорогих смартфона: Eluga Ray 500 и Eluga Ray 700
Топ новостей
Lenovo K8 Plus с 5,2-дюймовым FullHD дисплеем и двойной ...
Lenovo K8 Plus с 5,2-дюймовым FullHD дисплеем и двойной ...


LG V30 с 6-дюймовым P-OLED экраном представлен официаль ...
LG V30 с 6-дюймовым P-OLED экраном представлен официаль ...


Samsung выпустила планшет Galaxy Tab A 8.0 (2017)
Samsung выпустила планшет Galaxy Tab A 8.0 (2017)


Вместе с Mi Mix 2 компания Xiaomi представит Mi Note 3
Вместе с Mi Mix 2 компания Xiaomi представит Mi Note 3


Apple представила шумоподавляющие наушники Beats Studio ...
Apple представила шумоподавляющие наушники Beats Studio ...


Axon Multy — горизонтальная раскладушка от ZTE
Axon Multy — горизонтальная раскладушка от ZTE


Xiaomi Mi Mix 2 в рабочем состоянии замечен в Сети
Xiaomi Mi Mix 2 в рабочем состоянии замечен в Сети


Xiaomi Mi Note 3 не будет флагманом
Xiaomi Mi Note 3 не будет флагманом


Представлен смартфон Samsung Galaxy J7 Plus с двойной к ...
Представлен смартфон Samsung Galaxy J7 Plus с двойной к ...


Антивирус Google не смог выявить вирус, поразивший 20 м ...
Антивирус Google не смог выявить вирус, поразивший 20 м ...


О софте:
"Лунная деревня" приобретает очертания
BASSLET — гаджет любителей клубов
Хакеры способны взломать кардиостимуляторы
Новосибирские физики построят коллайдер
Китай изучит гравитационные волны


Age Of Comp » Html » Мультиколоночность

Мультиколоночность

Все мы ждем мультиколоночность. Для этого в CSS3 введено много вкусного,
column-count:  <int>
column-gap:  <length> | auto
column-width:  <length> | auto


но, не дожидаясь принятие CSS3, мозильци поддержу мультиколоночнисти в Firefox используя спец префикс -moz- в стилях,
-moz-column-count:  <int>
-moz-column-gap:  <length> | auto
-moz-column-width:  <length> | auto


и как водится дурной пример оказался заразителен для ребят из Apple
-webkit-column-width: <length>;
-webkit-column-gap: <length>;


Это, как вы уже наверно поняли, были стили под Safari.

Как бы быстро все браузеры не поддержали css3 или используя теги FF и Safari, надо обратить внимание на одну штуку. Разделять на колонки не всегда обязательно через column-count, конечно вы можете обозначить числом нужные вам колонки, но можно делать и по другому. Если указать только параметры column-width и column-gap то браузер сам поделит пространство на колонки. Например, если div шириной 400px и ты ставим column-width:100px и column-gap:20px то колонок будет 3. Уменьшите ширину в column-width и количество колонок увеличится


Нравится пост? Жми: