06_positioning
dz / mdn / css / 3_css_layout / 06_positioningSummary
multiple column layout
Node Tree
Nodes
| multi_column_layout | |
| content | multi-column layout |
| children | multicol (AKA), newspaper_cols, spanning_columns, styling_cols, 3col, cols_frags |
| 3col | |
| content | 3-column layout |
| children | column_width_200px, column_count_3 |
| parents | multi_column_layout |
| newspaper_cols | |
| content | lays out content in columns, just like a newspaper |
| parents | multi_column_layout |
| multicol | |
| content | multicol |
| parents | multi_column_layout |
| column_count_3 | |
| content | column-count: 3 |
| parents | 3col |
| column_width_200px | |
| content | column-width: 200px |
| parents | 3col |
| styling_cols | |
| content | styling columns |
| children | not_individually, column_gap, column_rule |
| parents | multi_column_layout |
| not_individually | |
| content | not individually |
| parents | styling_cols |
| column_gap | |
| content | column-gap |
| parents | styling_cols |
| column_rule | |
| content | column-rule |
| children | lies_across_gap, column_rule_shorthand |
| parents | styling_cols |
| column_rule_shorthand | |
| content | shorthand for column-rule -color, -style, -width |
| parents | column_rule |
| lies_across_gap | |
| content | lies across gap defined in column-gap |
| parents | column_rule |
| spanning_columns | |
| content | spanning columns |
| children | column_span_all |
| parents | multi_column_layout |
| column_span_all | |
| content | column-span: all |
| children | none_or_all |
| parents | spanning_columns |
| none_or_all | |
| content | none or all |
| parents | column_span_all |
| cols_frags | |
| content | columns and fragmentation |
| children | content_breaks_fragment_cols |
| parents | multi_column_layout |
| content_breaks_fragment_cols | |
| content | content must break to fragment into columns |
| children | break_inside_avoid |
| parents | cols_frags |
| break_inside_avoid | |
| content | "break-inside: avoid" to prevent breaking |
| children | does_not_frag_across_cols |
| parents | content_breaks_fragment_cols |
| does_not_frag_across_cols | |
| content | does not fragment across columns |
| parents | break_inside_avoid |