{"json_modified": "2016-05-27T17:17:51.691981", "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": [], "translations": [{"uuid": "037499b1-1e8d-4773-afc5-78d320604a6d", "title": "Colonnes CSS3", "url": "/fr/docs/Web/CSS/Colonnes_CSS3", "tags": ["CSS", "Colonnes", "CSS Multi-columns"], "summary": "La lecture de textes dont les lignes sont trop longues pose souvent des difficult\u00e9s\u00a0; si les yeux mettent trop de temps pour aller de la fin d'une ligne au d\u00e9but de ligne suivante, ils perdent le fil du texte. Aussi, pour utiliser au maximum un \u00e9cran large, les auteurs devraient utiliser des colonnes de texte de largeur limit\u00e9e et plac\u00e9es c\u00f4te-\u00e0-c\u00f4te comme le font les journaux. Malheureusement, c'est impossible \u00e0 faire avec CSS et HTML sans imposer le placement de sauts de colonne \u00e0 des endroits d\u00e9termin\u00e9s, restreindre fortement les balises permises dans le texte, ou se lancer dans des op\u00e9rations de script h\u00e9ro\u00efques.", "localization_tags": [], "locale": "fr", "last_edit": "2015-11-16T03:40:11", "review_tags": []}, {"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", "guide", "Web", "Advanced"], "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": [], "locale": "en-US", "last_edit": "2016-05-05T05:29:13", "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": "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": "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": "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": "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": "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": "6ad80fe4-a7af-4ea5-9a70-b077f7b381f7", "title": "CSS3 Columns", "url": "/ko/docs/CSS3_Columns", "tags": ["CSS", "CSS_3"], "summary": "\ub77c\uc778\uc774 \ub108\ubb34 \uae38\uba74 \ub3c5\uc790\ub4e4\uc740 \uc77d\ub294 \ub370 \uc5b4\ub824\uc6c0\uc744 \uac16\uac8c \ub429\ub2c8\ub2e4. \uc989, \ud55c \ub77c\uc778\uc758 \ub05d\uc5d0\uc11c \ub2e4\uc74c \ub77c\uc778\uc758 \ucc98\uc74c\uc73c\ub85c \ub208\uc744 \uc6c0\uc9c1\uc774\ub294\ub370 \ub108\ubb34 \uc624\ub79c \uc2dc\uac04\uc774 \uac78\ub9ac\uac8c \ub418\uba74, \ub3c5\uc790\ub294 \uc790\uc2e0\uc774 \uc77d\uace0\uc788\ub358 \ub77c\uc778\uc744 \ub193\uce58\uac8c \ub418\ub294 \uac83\uc785\ub2c8\ub2e4. \ub530\ub77c\uc11c \ub113\uc740 \ud654\uba74\uc758 \uc787\uc810\uc744 \ucd5c\ub300\ud654 \ud558\uae30 \uc704\ud574\uc11c \uc791\uac00\ub294, \uc2e0\ubb38\uc5d0\uc11c \ucc98\ub7fc, \uc77c\uc815\ud55c \ud3ed\uc758 \uceec\ub7fc\uc744 \ub098\ub780\ud788 \ubc30\uce58\ud574\uc57c\ub9cc \ud569\ub2c8\ub2e4. \ubd88\ud589\ud558\uac8c\ub3c4 CSS \uc640 HTML\uc73c\ub860 \uceec\ub7fc\uc758 \ub2e8\ub77d(break)\uc744 \uc9c0\uc815\ub41c \uc9c0\uc810\uc5d0\uc11c\ub9cc \uac00\ub2a5\ud558\uac8c \ud558\uac70\ub098, \uc544\ub2c8\uba74 \ud14d\uc2a4\ud2b8\uc5d0 \ud558\uc6a9\ub418\ub294 \ub9c8\ud06c\uc5c5\uc744 \uacfc\ub3c4\ud558\uac8c \ud55c\uc815\uc2dc\ud0a4\uac70\ub098, \uc544\ub2c8\uba74 \uad49\uc7a5\ud788 \uac15\ub825\ud55c \uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uace0 \uc11c \uc774\ub97c \uc2e4\ud604\ud558\ub294 \uac83\uc774 \ubd88\uac00\ub2a5\ud569\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2006-08-23T17:03:31", "review_tags": []}, {"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": []}, {"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"]}], "modified": "2016-05-27T17:17:51", "label": "Using CSS multi-column layouts", "localization_tags": ["inprogress"], "locale": "pt-BR", "id": 166133, "last_edit": "2016-05-27T17:17:45", "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": "Usando_colunas", "title": "Usando colunas"}, {"id": "Column_count_and_width", "title": "Column count and width"}, {"id": "The_columns_shorthand", "title": "The "}, {"id": "Height_Balancing", "title": "Height Balancing"}, {"id": "Column_Gaps", "title": "Column Gaps"}, {"id": "Graceful_Degradation", "title": "Graceful Degradation"}, {"id": "Conclus\u00e3o", "title": "Conclus\u00e3o"}, {"id": "Veja_tamb\u00e9m", "title": "Veja tamb\u00e9m"}], "slug": "Web/CSS/CSS_Columns/Using_multi-column_layouts", "review_tags": []}