{"json_modified": "2016-06-29T04:42:58.775763", "uuid": "bce66f9d-c1ce-4f65-bbc4-fd04ce2b22f3", "title": "column-width", "url": "/zh-CN/docs/Web/CSS/column-width", "tags": [], "translations": [{"uuid": "bad2081b-07fd-4780-87f3-857e6c9f52d6", "title": "column-width", "url": "/en-US/docs/Web/CSS/column-width", "tags": ["CSS", "Reference", "CSS Multi-columns", "CSS Property"], "summary": "The column-width CSS property suggests an optimal column width. The column-width is the maximum width a column will become before adding another column. For instance, a 300px column width a gap of 0px would be a single column at 599px, but at 600px it would be split into 2 columns.\u00a0This allows us\u00a0to achieve scalable designs that fit different screen sizes. Especially in presence of the column-count CSS property which has precedence, to set an exact column width, all length values must be specified. In horizontal text these are width, column-width, column-gap, and column-rule-width.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-05-17T03:57:57", "review_tags": []}, {"uuid": "5653fef4-9d61-48a2-918c-b0d43c9abc3a", "title": "column-width", "url": "/fr/docs/Web/CSS/column-width", "tags": ["CSS", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 column-width permet de sugg\u00e9rer une largeur de colonne optimale. Cette largeur repr\u00e9sente la plus grande largeur que pourra occuper une colonne avant qu'une autre colonne soit ajout\u00e9e. Ainsi, si on a une colonne large de 300px avec un \u00e9cart de 0px, on pourrait placer une seule colonne sur 599px mais avoir deux colonnes avec 600px. Ce r\u00e9glage permet donc d'obtenir des effets qui s'adaptent aux diff\u00e9rentes tailles d'\u00e9crans. Manipul\u00e9e avec la propri\u00e9t\u00e9 column-count qui a la pr\u00e9c\u00e9dence, il est n\u00e9cessaire de d\u00e9finir toutes les valeurs de longueur pour avoir une largeur de colonne CSS exacte. Pour du texte horizontal, ces propri\u00e9t\u00e9s sont width, column-width, column-gap et column-rule-width.", "localization_tags": [], "locale": "fr", "last_edit": "2016-05-17T10:24:16", "review_tags": []}, {"uuid": "8b70d2d9-4a51-488f-aad6-e550c3db99f8", "title": "column-width", "url": "/ja/docs/Web/CSS/column-width", "tags": ["CSS", "CSS3", "CSS Reference", "css3-multicol"], "summary": "CSS \u306e column-width \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001\u6700\u9069\u306a\u5217\u5e45\u3092\u63d0\u6848\u3059\u308b\u3082\u306e\u3067\u3059\u3002\u3053\u306e\u5024\u306f\u7d76\u5bfe\u7684\u3067\u306f\u306a\u304f\u3001\u76ee\u5b89\u306b\u306a\u308b\u3082\u306e\u3067\u3059\u3002\u30d6\u30e9\u30a6\u30b6\u306f\u3001\u753b\u9762\u30b5\u30a4\u30ba\u306b\u5fdc\u3058\u305f\u62e1\u7e2e\u53ef\u80fd\u306a\u30c7\u30b6\u30a4\u30f3\u3092\u304b\u306a\u3048\u308b\u305f\u3081\u306b\u3001\u63d0\u6848\u3055\u308c\u305f\u5024\u306e\u5468\u8fba\u3067\u5217\u306e\u5e45\u3092\u8abf\u6574\u3057\u307e\u3059\u3002\u7279\u306b\u3001\u512a\u5148\u5ea6\u306e\u9ad8\u3044 column-count \u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u5b58\u5728\u3059\u308b\u3068\u304d\u306f\u3001\u6b63\u78ba\u306a\u5217\u5e45\u3092\u8a2d\u5b9a\u3059\u308b\u305f\u3081\u306b\u3001\u3059\u3079\u3066\u306e\u9577\u3055\u304c\u6307\u5b9a\u3055\u308c\u3066\u3044\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u3059\u3079\u3066\u306e\u9577\u3055\u3068\u306f\u3001\u6a2a\u65b9\u5411\u306e\u30c6\u30ad\u30b9\u30c8\u3067\u306f width\u3001column-width\u3001column-gap\u3001column-rule-width \u3067\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-04-10T16:31:17", "review_tags": []}, {"uuid": "e433d278-b218-4753-ab4a-ce099eed076f", "title": "column-width", "url": "/de/docs/Web/CSS/column-width", "tags": ["CSS", "Referenz", "CSS Eigenschaft", "CSS Mehrspalten"], "summary": "Die column-width CSS Eigenschaft schl\u00e4gt eine optimale Spaltenbreite vor. Dies ist kein absoluter Wert, sondern lediglich ein Hinweis an den Browser, welcher die Breite der Spalte anhand des vorgeschlagenen Wertes anpasst, was skalierbare Designs erm\u00f6glicht, die sich verschiedenen Bildschirmgr\u00f6\u00dfen anpassen. Besonders wenn die column-count CSS Eigenschaft angegeben ist, welche Vorrang hat, wenn es darum geht, eine exakte Spaltenbreite zu setzen, m\u00fcssen alle L\u00e4ngenwerte angegeben werden. In horizontalem Text sind dies width, column-width, column-gap und column-rule-width.", "localization_tags": [], "locale": "de", "last_edit": "2016-04-07T14:38:29", "review_tags": []}], "modified": "2016-06-29T04:42:58", "label": "column-width", "localization_tags": ["inprogress"], "locale": "zh-CN", "id": 151827, "last_edit": "2016-06-29T04:42:50", "summary": "The column-width CSS property suggests an optimal column width. This is not a absolute value but a mere hint. Browser will adjust the width of the column around that suggested value, allowing to achieve scalable designs that fit different screen size. Especially in presence of the column-count CSS property which has precedence, to set an exact column width, all length values must be specified. In horizontal text these are width, column-width, column-gap, and column-rule-width.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "\u6982\u8ff0", "title": "\u6982\u8ff0"}, {"id": "Syntax", "title": "\u8bed\u6cd5"}, {"id": "\u53d6\u503c", "title": "\u53d6\u503c"}, {"id": "Examples", "title": "\u4f8b\u5b50"}, {"id": "Specifications", "title": "\u89c4\u8303"}, {"id": "\u6d4f\u89c8\u5668\u517c\u5bb9\u6027", "title": "\u6d4f\u89c8\u5668\u517c\u5bb9\u6027"}], "slug": "Web/CSS/column-width", "review_tags": []}