{"json_modified": "2016-09-25T22:36:55.188770", "uuid": "5f521fe3-4e7b-4ec8-b530-d3b9c14dd920", "title": "Grids", "url": "/zh-CN/docs/Learn/CSS/CSS_layout/Grids", "tags": ["\u7f51\u683c\u8bbe\u8ba1", "\u7f51\u683c", "CSS", "\u6559\u7a0b", "\u521d\u5b66\u8005", "\u5e03\u5c40", "grid design", "CSS Grids"], "translations": [{"uuid": "e446990a-96bf-4b76-a2d8-0df4dea8833c", "title": "Grids", "url": "/en-US/docs/Learn/CSS/CSS_layout/Grids", "tags": ["grid framework", "Beginner", "CSS", "Learn", "Article", "CodingScripting", "Grids", "beginner", "Tutorial", "Guide", "grid system", "grid design", "Layout", "CSS Grids"], "summary": "Having read this article you should now have an understanding of how grid layouts, and grid frameworks work in CSS. You have also had a peek into the future off CSS grids, and should now understand that the grid frameworks we use today are essentially a stopgap solution until we have a widely supported native way of achieving this in CSS.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-09-23T01:07:15", "review_tags": []}, {"uuid": "4d651eef-b0ae-4df4-8460-106105683671", "title": "Grids", "url": "/es/docs/Learn/CSS/CSS_layout/Grids", "tags": [], "summary": "Having read this article you should now have an understanding of how grid layouts, and grid frameworks work in CSS. You have also had a peek into the future off CSS grids, and should now understand that the grid frameworks we use today are essentially a stopgap solution until we have a widely supported native way of achieving this in CSS.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2016-09-23T04:03:54", "review_tags": []}], "modified": "2016-09-25T22:36:54", "label": "Grids", "localization_tags": ["inprogress"], "locale": "zh-CN", "id": 195805, "last_edit": "2016-09-25T22:36:45", "summary": "Having read this article you should now have an understanding of how grid layouts, and grid frameworks work in CSS. You have also had a peek into the future off CSS grids, and should now understand that the grid frameworks we use today are essentially a stopgap solution until we have a widely supported native way of achieving this in CSS.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "\u4ec0\u4e48\u662f\u7f51\u683c\u5e03\u5c40", "title": "\u4ec0\u4e48\u662f\u7f51\u683c\u5e03\u5c40?"}, {"id": "\u5728\u9879\u76ee\u4e2d\u4f7f\u7528\u201c\u7f51\u683c\u673a\u5236\u201d", "title": "\u5728\u9879\u76ee\u4e2d\u4f7f\u7528\u201c\u7f51\u683c\u673a\u5236\u201d"}, {"id": "\u521b\u5efa\u7b80\u5355\u7684\u7f51\u683c\u6846\u67b6", "title": "\u521b\u5efa\u7b80\u5355\u7684\u7f51\u683c\u6846\u67b6"}, {"id": "\u7b80\u5355\u7684\u56fa\u5b9a\u5bbd\u5ea6\u7684\u7f51\u683c", "title": "\u7b80\u5355\u7684\u56fa\u5b9a\u5bbd\u5ea6\u7684\u7f51\u683c"}, {"id": "\u521b\u5efa\u6d41\u4f53\u7f51\u683c", "title": "\u521b\u5efa\u6d41\u4f53\u7f51\u683c"}, {"id": "\u66f4\u65b0\u7f51\u683c", "title": "\u66f4\u65b0\u7f51\u683c"}, {"id": "\u4f7f\u7528_calc()_\u51fd\u6570\u7b80\u5316\u8ba1\u7b97", "title": "\u4f7f\u7528 calc() \u51fd\u6570\u7b80\u5316\u8ba1\u7b97"}, {"id": "Semantic_\u4e0e_\u201cun-semantic\u201d_\u7f51\u683c\u673a\u5236", "title": "Semantic \u4e0e \u201cun-semantic\u201d \u7f51\u683c\u673a\u5236"}, {"id": "Enabling_offset_containers_in_our_grid", "title": "Enabling offset containers in our grid"}, {"id": "\u6d6e\u52a8\u7f51\u683c\u9650\u5236", "title": "\u6d6e\u52a8\u7f51\u683c\u9650\u5236"}, {"id": "Flexbox_\u7684\u7f51\u683c\uff1f", "title": "Flexbox \u7684\u7f51\u683c\uff1f"}, {"id": "\u7b2c\u4e09\u65b9\u7f51\u683c\u673a\u5236", "title": "\u7b2c\u4e09\u65b9\u7f51\u683c\u673a\u5236"}, {"id": "Native_CSS_Grids_with_Grid_Layout", "title": "Native CSS Grids with Grid Layout"}, {"id": "Building_a_native_grid", "title": "Building a native grid"}, {"id": "Other_nice_CSS_grid_features", "title": "Other nice CSS grid features"}, {"id": "Summary", "title": "Summary"}], "slug": "Learn/CSS/CSS_layout/Grids", "review_tags": []}