Home > css, вёрстка > CSS3: Колонки

CSS3: Колонки

Когда-то пробывали сверстать текст или список чего-то в типографские 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.
Categories: css, вёрстка Tags: ,
  1. No comments yet.
  1. No trackbacks yet.