最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <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> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style flexGrow Property

例

让蓝色DIV元素增长比柔性其余项目更广泛的五次：

document.getElementById("myBlueDiv".style.flexGrow = "5";

定义和用法

该flexGrow属性指定该项目将多少相对于同一容器内的灵活其余项目增长。

Note:如果元素不是一个灵活的项目，该flexGrow属性没有任何效果。

浏览器支持

该flexGrow属性在IE10 +，Firefox，歌剧，和Chrome支持。

注：Safari浏览器6.1以上支持的替代方案，WebkitFlexGrow财产。

句法

返回flexGrow属性：

object .style.flexGrow

设置flexGrow属性：

object .style.flexGrow=" 属性值

值	描述
number	一个数字，指定该项目将多少相对灵活的其余项目增长。默认值为0。
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	0
返回值：	一个字符串，代表某个元件的柔性成长属性
CSS版本	CSS3

相关页面

CSS参考： flex-grow property

HTML DOM样式的引用： flex property

HTML DOM样式的引用： flexBasis property

HTML DOM样式的引用： flexDirection property

HTML DOM样式的引用： flexFlow property

HTML DOM样式的引用： flexShrink property

HTML DOM样式的引用： flexWrap property