{"json_modified": "2016-08-20T07:48:30.677530", "uuid": "560ca73d-05a6-4141-8401-d2cce1f08c5c", "title": "Advanced layouts with flexbox", "url": "/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox", "tags": [], "translations": [{"uuid": "f240a8a7-fc79-4b97-bd3a-3430d66b7ce5", "title": "Mises en page avanc\u00e9es avec les bo\u00eetes flexibles", "url": "/fr/docs/Web/CSS/Disposition_des_bo%C3%AEtes_flexibles_CSS/Mises_en_page_avancees_avec_flexbox", "tags": ["CSS", "Flexbox", "flexbox"], "summary": "La caract\u00e9ristique principale des bo\u00eetes flexibles (ou <em>flexbox</em>) est leur capacit\u00e9 \u00e0 modifier les objets qui la composent, leur hauteur et/ou leur largeur afin d'occuper au mieux l'espace d'affichage disponible, quel que soit l'appareil utilis\u00e9. Un conteneur flexible pourra ainsi \u00e9tendre ses objets pour remplir l'espace disponible ou les r\u00e9duire afin d'\u00e9viter tout d\u00e9passement.", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-25T11:24:21", "review_tags": []}, {"uuid": "7b919324-73e4-4162-b784-e46dca893e57", "title": "\u4f7f\u7528\u5f39\u6027\u76d2\u5b50\u8fdb\u884c\u9ad8\u7ea7\u5e03\u5c40", "url": "/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/%E5%BC%B9%E6%80%A7%E6%A1%86%E7%9A%84%E9%AB%98%E7%BA%A7%E5%B8%83%E5%B1%80", "tags": ["Flexible_Box_Layout", "Flexible_Box", "\u5f39\u6027\u76d2\u5b50", "\u5f39\u6027\u76d2\u5b50\u6a21\u578b", "Layout", "CSS3\u5e03\u5c40\u6a21\u578b"], "summary": "\u4f7f\u7528\u5f39\u6027\u76d2\u5b50\u7684\u610f\u4e49\u662f\u5728\u4efb\u4f55\u5c3a\u5bf8\u7684\u5c4f\u5e55\u4e0a\u6539\u53d8\u5176\u548c\u5176\u5b50\u5143\u7d20\u7684\u5c3a\u5bf8\u586b\u5145\u5c4f\u5e55\u53ef\u7528\u7a7a\u95f4\u3002\u4e00\u4e2a\u5f39\u6027\u6846\u5bb9\u5668\u5c06\u5ef6\u5c55\u5b83\u7684\u5b50\u5143\u7d20\u4ee5\u586b\u5145\u53ef\u7528\u7a7a\u95f4\uff0c\u5e76\u4e14\u7f29\u5c0f\u5b83\u7684\u5b50\u5143\u7d20\u6765\u907f\u514d\u6ea2\u51fa\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-08-20T07:48:25", "review_tags": ["technical"]}], "modified": "2016-07-28T04:50:04", "label": "Advanced layouts with flexbox", "localization_tags": [], "locale": "en-US", "id": 161481, "last_edit": "2016-06-19T20:59:19", "summary": "The defining aspect of the flexbox is the ability to alter its items, width, and/or height to best fill the available space on any display device. A flex container expands its items to fill the available free space or shrinks them to prevent overflow.", "sections": [{"id": "Problems_with_float_layout", "title": "Problems with float layout"}, {"id": "How_flexbox_cures_these_issues", "title": "How flexbox cures these issues"}, {"id": "Flexbox_properties", "title": "Flexbox properties"}, {"id": "Flex_Container_properties", "title": "Flex Container properties"}, {"id": "Flex_items_properties", "title": "Flex items properties"}, {"id": "Flexbox_Mixins", "title": "Flexbox Mixins"}, {"id": "Flexbox_Containers", "title": "Flexbox Containers"}, {"id": "Flexbox_Direction", "title": "Flexbox Direction"}, {"id": "Flexbox_Wrap", "title": "Flexbox Wrap"}, {"id": "Flexbox_Flow_(shorthand)", "title": "Flexbox Flow (shorthand)"}, {"id": "Flexbox_Order", "title": "Flexbox Order"}, {"id": "Flexbox_Grow", "title": "Flexbox Grow"}, {"id": "Flexbox_Shrink", "title": "Flexbox Shrink"}, {"id": "Flexbox_Basis", "title": "Flexbox Basis"}, {"id": "Flexbox_Flex_(shorthand)", "title": "Flexbox \"Flex\" (shorthand)"}, {"id": "Flexbox_Justify_Content", "title": "Flexbox Justify Content"}, {"id": "Flexbox_Align_Items", "title": "Flexbox Align Items"}, {"id": "Flexbox_Align_Self", "title": "Flexbox Align Self"}, {"id": "Flexbox_Align_Content", "title": "Flexbox Align Content"}], "slug": "Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox", "review_tags": []}