{"json_modified": "2016-09-05T17:41:49.954034", "uuid": "7dafc749-245e-41ad-987d-8774c1cfa526", "title": "Using CSS multi-column layouts", "url": "/en-US/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts", "tags": ["Guide", "CSS", "Multi-columns", "Web", "Advanced"], "translations": [{"uuid": "2644a69e-096d-4d7a-82be-3587ab45cbcf", "title": "CSS3 Spalten", "url": "/de/docs/CSS3_Columns", "tags": ["CSS", "CSS3"], "summary": "Viele Benutzer haben Schwierigkeiten Texte zu lesen, wenn die Zeilen sehr lang sind. Es dauert dann zu lange f\u00fcr das Auge vom Ende der Zeile zum Anfang einer Neuen zu springen. Sie verrutschen unter Umst\u00e4nden in der Zeile und der Lesefluss wird unterbrochen. Um dennoch das Maximum an Bildfl\u00e4che von gro\u00dfen Bildschirmen zu nutzen, sollten Autoren eine begrenzte Spaltenbreite verwenden, die den Text dann nebeneinander platziert (vergleichbar mit dem Spaltensatz in Zeitungen). Ungl\u00fccklicherweise ist es mittels HTML und CSS 2.1 nicht m\u00f6glich Spaltenumbr\u00fcche festzulegen, ohne dass diese an festen Positionen gebunden sind. Das erlaubte Markup im Text muss stark eingeschr\u00e4nkt werden oder die Spalten m\u00fcssen durch die Verwendung von Scripts erstellt werden.", "localization_tags": [], "locale": "de", "last_edit": "2013-11-08T14:57:34", "review_tags": []}, {"uuid": "db555b7f-b584-44f6-9e3f-1a597f94ba0e", "title": "Columnas con CSS-3", "url": "/es/docs/Columnas_con_CSS-3", "tags": ["CSS", "Todas_las_Categor\u00edas"], "summary": "", "localization_tags": [], "locale": "es", "last_edit": "2006-12-06T18:01:53", "review_tags": []}, {"uuid": "037499b1-1e8d-4773-afc5-78d320604a6d", "title": "Utiliser une disposition multi-colonnes", "url": "/fr/docs/Web/CSS/Colonnes_CSS/Utiliser_une_disposition_multi-colonnes", "tags": ["CSS", "Avanc\u00e9", "Multi-columns", "Guide"], "summary": "La <strong>disposition multi-colonnes</strong> \u00e9tend <em>le mode de disposition en bloc</em> et permet de d\u00e9finir simplement plusieurs colonnes de texte. Lorsqu'on lit un texte, si les lignes sont trop longues, il faudra trop de temps aux yeux pour revenir au d\u00e9but de la ligne et passer \u00e0 la ligne suivante : on perdra alors la ligne sur laquelle on \u00e9tait. Ainsi, pour utiliser efficacement l'espace fourni par un grand \u00e9cran, on pr\u00e9f\u00e8rera utiliser des colonnes de largeur fixe, dispos\u00e9e c\u00f4te \u00e0 c\u00f4te, \u00e0 la fa\u00e7on d'un journal.", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-03T07:31:39", "review_tags": []}, {"uuid": "496c5f63-be4c-46aa-bba3-507d92148935", "title": "Le Colonne nei CSS3", "url": "/it/docs/Le_Colonne_nei_CSS3", "tags": ["CSS", "CSS_3", "Tutte_le_categorie"], "summary": "", "localization_tags": [], "locale": "it", "last_edit": "2006-11-13T20:51:12", "review_tags": []}, {"uuid": "cb253ddf-8e9b-45c8-8df8-0600f54352d5", "title": "CSS \u30de\u30eb\u30c1\u30ab\u30e9\u30e0\u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u5229\u7528", "url": "/ja/docs/Web/Guide/CSS/Using_multi-column_layouts", "tags": ["CSS", "CSS3", "css3-multicol", "Guide"], "summary": "CSS \u306e \u591a\u6bb5\u30ec\u30a4\u30a2\u30a6\u30c8 (<span style=\"color: green;\">multi-column layout</span>) \u306f\u30d6\u30ed\u30c3\u30af\u30ec\u30a4\u30a2\u30a6\u30c8\u30e2\u30fc\u30c9\u3092\u62e1\u5f35\u3057\u3066\u3001\u591a\u6bb5\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5b9a\u7fa9\u3057\u3084\u3059\u304f\u3059\u308b\u3002\u6587\u7ae0\u3092\u8aad\u3080\u3068\u304d\u306b\u4e00\u884c\u306e\u9577\u3055\u304c\u9577\u3059\u304e\u308b\u3068\u8aad\u307f\u306b\u304f\u3044\u3002\u3082\u3057\u4e00\u884c\u306e\u9577\u3055\u304c\u9577\u3059\u304e\u308b\u3068\u3001\u884c\u672b\u304b\u3089\u6b21\u306e\u884c\u306e\u5148\u982d\u306b\u76ee\u3092\u79fb\u3059\u3068\u304d\u306b\u3001\u3069\u306e\u884c\u3092\u8aad\u3093\u3067\u3044\u305f\u304b\u5206\u304b\u3089\u306a\u304f\u306a\u3063\u3066\u3057\u307e\u3046\u3002\u3057\u305f\u304c\u3063\u3066\u3001\u5927\u304d\u306a\u30b9\u30af\u30ea\u30fc\u30f3\u3092\u6700\u3082\u6709\u52b9\u306b\u6d3b\u7528\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u65b0\u805e\u306e\u3088\u3046\u306b\u4e00\u884c\u306e\u9577\u3055\u3092\u9069\u5f53\u306b\u533a\u5207\u308a\u3001\u305d\u308c\u3089\u3092\u6bb5\u7d44\u307f\u306b\u3059\u308b\u306e\u304c\u671b\u307e\u3057\u3044\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2015-11-16T03:45:57", "review_tags": []}, {"uuid": "6ad80fe4-a7af-4ea5-9a70-b077f7b381f7", "title": "CSS \ub2e4\ub2e8 \ub808\uc774\uc544\uc6c3 \uc0ac\uc6a9", "url": "/ko/docs/CSS3_Columns", "tags": ["CSS", "Advanced", "Multi-columns", "Guide"], "summary": "<strong>CSS \ub2e4\ub2e8(multi-column) \ub808\uc774\uc544\uc6c3</strong>\uc740 \ub2e4\ub2e8 \ud14d\uc2a4\ud2b8 \uc815\uc758\uac00 \uc27d\ub3c4\ub85d <em>\ube14\ub85d \ub808\uc774\uc544\uc6c3 \ubaa8\ub4dc</em>\ub97c \ud655\uc7a5\ud569\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2016-07-23T21:25:56", "review_tags": []}, {"uuid": "65489b2c-c9d8-4b73-9014-6848150d7231", "title": "Kolumny CSS3", "url": "/pl/docs/Web/Guide/CSS/Kolumny_CSS3", "tags": ["CSS", "CSS_3", "Wszystkie_kategorie"], "summary": "", "localization_tags": [], "locale": "pl", "last_edit": "2014-05-29T12:07:10", "review_tags": []}, {"uuid": "5d4e992e-6f6a-438c-92d9-b3ef33cb79ee", "title": "Using CSS multi-column layouts", "url": "/pt-BR/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts", "tags": [], "summary": "The <strong>CSS multi-column layout</strong> extends the <em>block layout mode</em> to allow the easy definition of multiple columns of text.", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2016-05-27T17:17:45", "review_tags": []}, {"uuid": "973a49fa-d24e-4caa-a1c1-bd0ce9918a2a", "title": "Colunas CSS3", "url": "/pt-PT/docs/Colunas_CSS3", "tags": ["CSS", "CSS_3", "Todas_as_Categorias"], "summary": "", "localization_tags": [], "locale": "pt-PT", "last_edit": "2014-05-22T05:37:40", "review_tags": []}, {"uuid": "5813adf1-27ac-400f-b268-aa40a2f32a0c", "title": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 CSS \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u0434\u043b\u044f \u043c\u043d\u043e\u0433\u0438\u0445 \u043a\u043e\u043b\u043e\u043d\u043e\u043a", "url": "/ru/docs/Web/Guide/CSS/Using_multi-column_layouts", "tags": [], "summary": "<strong>CSS \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0434\u043b\u044f \u043c\u043d\u043e\u0433\u0438\u0445 \u043a\u043e\u043b\u043e\u043d\u043e\u043a</strong> \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u0442 <em>\u0441\u043f\u043e\u0441\u043e\u0431 \u0431\u043b\u043e\u0447\u043d\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438, </em>\u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442\u044c \u043b\u0435\u0433\u043a\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0442\u0435\u043a\u0441\u0442\u0430.", "localization_tags": [], "locale": "ru", "last_edit": "2015-11-16T03:42:28", "review_tags": ["editorial"]}, {"uuid": "b5e1bba0-13fa-4f87-9326-e32d3a5f3ec5", "title": "\u4f7f\u7528CSS\u7684\u591a\u5217\u5e03\u5c40", "url": "/zh-CN/docs/Web/Guide/CSS/Using_multi-column_layouts", "tags": [], "summary": "CSS\u591a\u5217\u5e03\u5c40\u7ee7\u627f\u81ea\u5757\u7ea7\u5e03\u5c40\u6a21\u5f0f\uff0c\u5141\u8bb8\u7b80\u5355\u5730\u5b9a\u4e49\u591a\u5217\u6587\u672c\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-11-16T03:41:40", "review_tags": []}], "modified": "2016-09-05T17:41:49", "label": "Using CSS multi-column layouts", "localization_tags": [], "locale": "en-US", "id": 3321, "last_edit": "2016-05-05T05:29:13", "summary": "The <strong>CSS multi-column layout</strong> extends the <em>block layout mode</em> to allow the easy definition of multiple columns of text.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Using_columns", "title": "Using columns"}, {"id": "Column_count_and_width", "title": "Column count and width"}, {"id": "Example_1", "title": "Example 1"}, {"id": "HTML", "title": "HTML"}, {"id": "CSS", "title": "CSS"}, {"id": "Result", "title": "Result"}, {"id": "Example_2", "title": "Example 2"}, {"id": "HTML_2", "title": "HTML"}, {"id": "CSS_2", "title": "CSS"}, {"id": "Result_2", "title": "Result"}, {"id": "The_columns_shorthand", "title": "The "}, {"id": "Example_3", "title": "Example 3"}, {"id": "HTML_3", "title": "HTML"}, {"id": "CSS_3", "title": "CSS"}, {"id": "Example_4", "title": "Example 4"}, {"id": "HTML_4", "title": "HTML"}, {"id": "CSS_4", "title": "CSS"}, {"id": "Result_3", "title": "Result"}, {"id": "Example_5", "title": "Example 5"}, {"id": "HTML_5", "title": "HTML"}, {"id": "CSS_5", "title": "CSS"}, {"id": "Result_4", "title": "Result"}, {"id": "Height_Balancing", "title": "Height Balancing"}, {"id": "Column_Gaps", "title": "Column Gaps"}, {"id": "Example_6", "title": "Example 6"}, {"id": "HTML_6", "title": "HTML"}, {"id": "CSS_6", "title": "CSS"}, {"id": "Result_5", "title": "Result"}, {"id": "Graceful_Degradation", "title": "Graceful Degradation"}, {"id": "Conclusion", "title": "Conclusion"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/CSS_Columns/Using_multi-column_layouts", "review_tags": []}