пример
Пусть все гибкие элементы быть одинаковой длиной, regardles его содержания:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}
Попробуй сам " Определение и использование
Сгибание наборов свойств или возвращает длину элемента, по отношению к остальным пунктам Flexibel внутри одной и той же емкости.
Прогибается свойство является обобщающим для flexGrow, flexShrink и свойства flexBasis.
Note: Если элемент не является гибким элемент, гибкое свойство не имеет никакого эффекта.
Поддержка браузеров
Прогибается свойство поддерживается во всех основных браузерах, за исключением Safari.
Примечание: Flex свойство не поддерживается IE 9 или более ранних версий, в IE 10 это свойство поддерживается с префиксом MS. IE11 и более новые версии полностью поддерживают гибкую свойство (не требуется префикс мс).
Примечание: Safari 6.1+ поддерживает альтернативу, свойство WebkitFlex.
Синтаксис
Возвращение гибкого свойства:
object .style.flexУстановите гибкое свойство:
object .style.flex=" Значения свойств Стоимость Описание flex-grow Число, указывающее, сколько элемент будет расти по отношению к остальной части гибких элементов flex-shrink Число, указывающее, сколько элемент будет уменьшаться по отношению к остальной части гибких элементов flex-basis Длина элемента. Допустимые значения: "auto" , "inherit" , или число с последующим "%" , "px" , "em" или любой другой единицы длины auto То же, что 1 1 авто. initial То же, что 0 1 авто. Читайте о первоначальном none То же, что 0 0 авто. inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: 0 1 авто Возвращаемое значение: Строка, представляющая свойство гибкого элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: flex property
HTML DOM СТИЛЬ Ссылка: flexBasis property
HTML DOM СТИЛЬ Ссылка: flexDirection property
HTML DOM СТИЛЬ Ссылка: flexFlow property
HTML DOM СТИЛЬ Ссылка: flexGrow property
HTML DOM СТИЛЬ Ссылка: flexShrink property
HTML DOM СТИЛЬ Ссылка: flexWrap property
<Style Object