CSS flex Property

Пусть все гибкие элементы быть одинаковой длины, regardles его содержания:

#main div {
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
}

Определение и использование

Flex свойство определяет длину элемента, по отношению к остальной части гибких элементов внутри того же контейнера.

Flex свойство является обобщающим для Flex-расти, флекс термоусадочные и флекс-базисных свойств.

Note: Если элемент не является гибким элемент, гибкий свойство не имеет никакого эффекта.

Значение по умолчанию:	0 1 auto
Наследование:	no
Animatable:	yes, see individual properties . Read about animatable
Версия:	CSS3
Синтаксис JavaScript:	object .style.flex="1" Try it

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Числа следуют -webkit-, -ms- или -moz- указать первую версию, которая работала с приставкой.

Имущество
flex	29,0 21,0 -webkit-	11,0 10,0 -ms-	28,0 18,0 -moz-	9.0 6.1 -webkit-	17,0

flex:flex-growflex-shrinkflex-basis|auto|initial|inherit;

Стоимость	Описание
flex-grow	Число, указывающее, сколько элемент будет расти по отношению к остальной части гибких элементов
flex-shrink	Число, указывающее, сколько элемент будет сжиматься по отношению к остальной части гибких элементов
flex-basis	Длина элемента. Допустимые значения: "auto" , "inherit" , или номер с последующим "%" , "px" , "em" или любой другой единицы длины
auto	То же, что 1 1 авто.
initial	То же, что 0 1 авто. Читайте о первоначальный
none	То же, что 0 0 авто.
inherit	Наследует это свойство от своего родительского элемента. Читайте о унаследовать