CSS3: Колонки
June 1st, 2010
No comments
Когда-то пробывали сверстать текст или список чего-то в типографские 2-3-3*10^6 колонки? Ещё тот гемор та проблема, правда? Но с приходом коммунизма CSS3 жить станет проще (когда все браузеры будут называть свойства одинаково ).
Вот что, больше для себя, заметил в CSS3:
#container p { -webkit-column-count: 3; //умри ересь! -webkit-column-gap: 10px; -moz-column-count: 3;
//умри ересь!
-moz-column-gap: 10px; column-count: 3; column-gap: 10px; }
- column-count: The desired number of columns for the element.
- column-gap: The padding between each column.
- column-rule: The divider for each column; can be used to specify a border.
- column-width: Used to specifically state the width of each column.