{"json_modified": "2016-09-13T19:42:45.067903", "uuid": "0be759ea-bf2f-46f2-8b45-029048724338", "title": "flex", "url": "/zh-CN/docs/Web/CSS/flex", "tags": [], "translations": [{"uuid": "8986e9e9-7577-473e-a1bf-e2966109ec5b", "title": "flex", "url": "/en-US/docs/Web/CSS/flex", "tags": ["CSS", "Reference", "CSS Property", "CSS Flexible Boxes"], "summary": "The <strong><code>flex</code></strong> <a href=\"/en-US/docs/CSS\" title=\"CSS\">CSS</a> property is a <a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties\">shorthand</a> property specifying the ability of a flex item to alter its dimensions to fill available space. Flex items can be stretched to use available space proportional to their flex grow factor or their flex shrink factor to prevent overflow.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-09-13T19:10:41", "review_tags": []}, {"uuid": "35f32b77-e948-4e46-b6cb-b3e54ed7e087", "title": "flex", "url": "/es/docs/Web/CSS/flex", "tags": [], "summary": "", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2016-08-16T12:23:12", "review_tags": []}, {"uuid": "be2b9abf-7be8-498a-b124-41302716cc19", "title": "flex", "url": "/fr/docs/Web/CSS/flex", "tags": ["CSS", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>flex</code></strong> est une propri\u00e9t\u00e9 raccourcie qui d\u00e9finit la capacit\u00e9 d'un \u00e9l\u00e9ment flexible \u00e0 modifier ses dimensions afin de remplir l'espace disponible. Les \u00e9l\u00e9ments flexibles peuvent \u00eatre \u00e9tir\u00e9s ou r\u00e9duits pour utiliser un espace proportionnel \u00e0 leur coefficient de grossissement ou de r\u00e9tr\u00e9cissement afin de ne pas d\u00e9passer d'un conteneur. Les propri\u00e9t\u00e9s d\u00e9taill\u00e9es sont <a href=\"/fr/docs/Web/CSS/flex-shrink\" title=\"La propri&#xE9;t&#xE9; flex-shrink indique le facteur de r&#xE9;tr&#xE9;cissement d'un &#xE9;l&#xE9;ment flexible.\"><code>flex-shrink</code></a>, <a href=\"/fr/docs/Web/CSS/flex-grow\" title=\"La propri&#xE9;t&#xE9; flex-grow indique le facteur de grossissement d'un &#xE9;l&#xE9;ment flexible. Elle indique la quantit&#xE9; d'espace que l'&#xE9;l&#xE9;ment devrait consommer dans un conteneur flexible.\"><code>flex-grow</code></a> et cssxref(\"flex-basis\")}}.", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-28T02:10:27", "review_tags": []}, {"uuid": "5a43f81f-fd27-4646-bba1-c7d9cd8da00f", "title": "flex", "url": "/it/docs/Web/CSS/flex", "tags": [], "summary": "La propriet\u00e0 <strong><code>flex</code></strong> di <a href=\"/en-US/docs/CSS\" title=\"CSS\">CSS</a> \u00e8 una propriet\u00e0 <a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties\">shorthand</a> usata per modificare le dimensioni di un elemento flessibile e riempire gli spazi. Gli elementi flex possono essere usati per distribuire lo spazio in modo proporzionale, al loro allargarsi o al loro restringersi, per evitare sovrapposizioni o eccedenze.", "localization_tags": ["inprogress"], "locale": "it", "last_edit": "2016-06-28T23:55:45", "review_tags": []}, {"uuid": "3a9c6336-eb7e-4a91-a099-a530c7f22c9f", "title": "flex", "url": "/ja/docs/Web/CSS/flex", "tags": ["CSS", "Reference", "CSS Property", "CSS Flexible Boxes"], "summary": "<strong><code>flex</code></strong> <a href=\"/ja/docs/CSS\" title=\"CSS\">CSS</a> \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001flex \u30a2\u30a4\u30c6\u30e0\u304c\u4f59\u767d\u3092\u57cb\u3081\u308b\u3088\u3046\u306b\u5bf8\u6cd5\u3092\u5909\u66f4\u3059\u308b\u5ea6\u5408\u3044\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306e<a href=\"/ja/docs/Web/CSS/Shorthand_properties\">\u30b7\u30e7\u30fc\u30c8\u30cf\u30f3\u30c9</a>\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u3059\u3002flex \u30a2\u30a4\u30c6\u30e0\u306f flex grow factor \u307e\u305f\u306f flex shlink factor \u306b\u6bd4\u4f8b\u3057\u3066\u3001\u5229\u7528\u53ef\u80fd\u306a\u4f59\u767d\u3092\u4f7f\u7528\u3057\u3066\u306f\u307f\u51fa\u3059\u3053\u3068\u304c\u306a\u3044\u3088\u3046\u306b\u62e1\u5f35\u3055\u308c\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-06-28T05:38:17", "review_tags": []}, {"uuid": "8805cad9-10fc-4db1-96a1-7c12ed10ddeb", "title": "flex", "url": "/ru/docs/Web/CSS/flex", "tags": [], "summary": "<a href=\"/en-US/docs/CSS\" title=\"CSS\">CSS</a>-\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e\u00a0<strong><code>flex</code></strong>\u00a0- \u044d\u0442\u043e\u00a0<a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties\">\u0441\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u0438\u0435</a>\u00a0\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0449\u0435\u0433\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c \u0433\u0438\u0431\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0432\u043e\u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0434\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0441\u043e\u0431\u043e\u0439 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430. \u042d\u0442\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043c\u043e\u0433\u0443\u0442 \u0440\u0430\u0441\u0442\u044f\u0433\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0437\u0430 \u0441\u0447\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e \u043a\u043e\u0435\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442\u0443\u00a0flex grow \u0438\u043b\u0438 \u0441\u0436\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u00a0\u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442\u0443 flex shrink \u0432\u043e \u0438\u0437\u0431\u0435\u0436\u0430\u043d\u0438\u0438 \u0432\u044b\u0445\u043e\u0434\u0430 \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u044b \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2016-06-29T00:02:52", "review_tags": []}, {"uuid": "7d3ba744-63aa-4604-b4fe-4f0f806ebe9b", "title": "flex", "url": "/uk/docs/Web/CSS/flex", "tags": ["CSS \u0412\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c"], "summary": "<a href=\"/en-US/docs/CSS\" title=\"CSS\">CSS</a> \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c\u00a0<strong>flex\u00a0</strong>\u0454\u00a0<a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties\">\u0441\u043a\u043e\u0440\u043e\u0447\u0435\u043d\u0438\u043c \u0437\u0430\u043f\u0438\u0441\u043e\u043c</a>\u00a0\u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456 \u043a\u043e\u0442\u0440\u0430 \u0432\u0438\u0437\u043d\u0430\u0447\u0430\u0454 \u0437\u0434\u0430\u0442\u043d\u0456\u0441\u0442\u044c flex \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0437\u043c\u0456\u043d\u044e\u0432\u0430\u0442\u0438 \u0441\u0432\u043e\u0457 \u0432\u0438\u043c\u0456\u0440\u0438 \u0430\u0431\u0438 \u0437\u0430\u043f\u043e\u0432\u043d\u0438\u0442\u0438 \u043d\u0430\u044f\u0432\u043d\u0438\u0439 \u043f\u0440\u043e\u0441\u0442\u0456\u0440. Flex \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043c\u043e\u0436\u043d\u0430 \u0440\u043e\u0437\u0442\u044f\u0433\u043d\u0443\u0442\u0438 \u0430\u0431\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u0442\u0438\u00a0\u0443\u0432\u0435\u0441\u044c \u043d\u0430\u044f\u0432\u043d\u0438\u0439 \u043f\u0440\u043e\u0441\u0442\u0456\u0440 \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0456\u0439\u043d\u043e \u0434\u043e \u0432\u043a\u0430\u0437\u0430\u043d\u043e\u0457 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456 flex grow, \u0430\u0431\u043e flex shrink \u0430\u0431\u0438 \u0437\u0430\u043f\u043e\u0431\u0456\u0433\u0442\u0438 \u0432\u0438\u0445\u043e\u0434\u0443 \u0437\u0430 \u043c\u0435\u0436\u0456 \u0431\u0430\u0442\u044c\u043a\u0456\u0432\u0441\u044c\u043a\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430.", "localization_tags": [], "locale": "uk", "last_edit": "2016-07-28T04:43:42", "review_tags": ["editorial"]}], "modified": "2016-09-13T19:42:44", "label": "flex", "localization_tags": ["inprogress"], "locale": "zh-CN", "id": 146471, "last_edit": "2016-09-13T19:42:38", "summary": "\u8bd1\u8005\uff1a<iframe class=\"live-sample-frame sample-code-frame\" frameborder=\"0\" height=\"60\" id=\"frame_Example\" src=\"https://mdn.mozillademos.org/zh-CN/docs/Web/CSS/flex$samples/Example?revision=1118673\" width=\"100%\"/>\u8fd9\u53e5\u5176\u5b9e\u6709\u4e2a\u5751\uff0cExample\u4e0d\u8981\u968f\u4fbf\u8bd1\u6210\u793a\u4f8b\u554a\u4eb2", "sections": [{"id": "Quick_Links", "title": null}, {"id": "\u603b\u7ed3", "title": "\u603b\u7ed3"}, {"id": "Syntax", "title": "\u8bed\u6cd5"}, {"id": "Values", "title": "Values"}, {"id": "\u6b63\u5f0f\u8bed\u6cd5", "title": "\u6b63\u5f0f\u8bed\u6cd5"}, {"id": "Example", "title": "Example"}, {"id": "\u7ed3\u679c", "title": null}, {"id": "Specifications", "title": "\u89c4\u8303"}, {"id": "\u6d4f\u89c8\u5668\u517c\u5bb9\u6027", "title": "\u6d4f\u89c8\u5668\u517c\u5bb9\u6027"}, {"id": "See_also", "title": "\u53c2\u89c1"}], "slug": "Web/CSS/flex", "review_tags": []}