×
参考手册概览

JavaScript 对象

JavaScript Array 对象手册 JavaScript Array 对象JavaScript Boolean 对象JavaScript Date 对象JavaScript Math 对象JavaScript Number 对象JavaScript String 对象JavaScript RegExp 对象JavaScript 全局属性/函数JavaScript 运算符

Browser 对象

Window 对象Navigator 对象Screen 对象History 对象Location 对象

DOM 对象

HTML DOM DocumentHTML DOM 元素对象HTML DOM 属性对象HTML DOM 事件对象

HTML 对象

<a><area><audio><base><blockquote><body><button><canvas><col><colgroup><datalist><del><details><dialog><embed><fieldset><form><iframe><frameset ><img><ins><input> - button<input> - checkbox<input> - color<input> - date<input> - datetime<input> - datetime-local<input> - email<input> - file<input> - hidden<input> - image<input> - month<input> - number<input> - range<input> - password<input> - radio<input> - reset<input> - search<input> - submit<input> - text<input> - time<input> - url<input> - week<keygen><link><label><legend><li><map><menu><menuItem><meta><meter><object><ol><optgroup><option><param><progress><q><script><select><source><style><table><td><th><tr><textarea><title><time><track><video>

Style flex 属性

HTML DOM Style 对象HTML DOM Style 对象

实例

让所有灵活的项目都带有相同的长度，忽略它们的内容：

for (i = 0; i < y.length; i++) {
    y[i].style.flex="1";
}

尝试一下 »

定义和用法

flex 属性相对于同一容器其他灵活的项目，设置或返回项目的长度。

flex 属性是 flexGrow、flexShrink 和 flexBasis 属性的速记属性。

注意：如果元素不是灵活的项目，则 flex 属性不起作用。

浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

除了 Safari，其他所有主流浏览器都支持 flex 属性。

IE 9 及其之前的版本不支持 flex 属性。IE 10 需要前缀 MS 才支持该属性。

语法

返回 flex 属性：

object.style.flex

设置 flex 属性：

object.style.flex="flex-grow flex-shrink flex-basis|auto|initial|inherit"

属性值

值 描述
flex-grow 一个数字，规定项目将相对于其他灵活的项目进行扩展的量。
flex-shrink 一个数字，规定项目将相对于其他灵活的项目进行收缩的量。
flex-basis 项目的长度。合法值："auto"、"inherit" 或一个后跟 "%"、"px"、"em" 或任何其他长度单位的数字。
auto 与 1 1 auto 相同。
none 与 0 0 auto 相同。
initial 设置该属性为它的默认值，即为 0 1 auto。请参阅 initial。
inherit 从父元素继承该属性。请参阅 inherit。

技术细节

默认值： 0 1 auto
返回值： 字符串，表示元素的 flex 属性。
CSS 版本 CSS3

相关文章

CSS 参考手册：flex 属性

HTML DOM STYLE 参考手册：flexBasis 属性

HTML DOM STYLE 参考手册：flexDirection 属性

HTML DOM STYLE 参考手册：flexFlow 属性

HTML DOM STYLE 参考手册：flexGrow 属性

HTML DOM STYLE 参考手册：flexShrink 属性

HTML DOM STYLE 参考手册：flexWrap 属性

HTML DOM Style 对象HTML DOM Style 对象

分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号：472910771)