Skip to content

Commit 9db7a68

Browse files
Update files/en-us/web/css/reference/properties/flex-line-count/index.md
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
1 parent 4f768a0 commit 9db7a68

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

  • files/en-us/web/css/reference/properties/flex-line-count

files/en-us/web/css/reference/properties/flex-line-count/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ This property is specified as the following value:
8383

8484
The `flex-line-count` property sets the minimum number of flex lines that flex items will be distributed over in wrapping, balanced flex containers — in other words, flex containers that include a {{cssxref("flex-wrap")}} or {{cssxref("flex-flow")}} property with the `balance` keyword set in addition to the `wrap` or `wrap-reverse` keyword.
8585

86-
A key use case for `flex-line-count` is creating a balanced set of two (or more) columns. This is useful for cases such as wiki reference sections, where the layout requirement might be a set number of balanced columns, regardless of the number of items in the list. Setting an explicit {{cssxref("height")}} or {{cssxref("max-height")}} in this case doesn't work, as you don't know how much content you will have, and threfore may end up with less or more columns than desired. See [Creating balanced columns](#creating_balanced_columns) for an example implementation.
86+
A key use case for `flex-line-count` is creating a balanced set of two (or more) columns, regardless of the number of items in a list. In such cases, setting an explicit {{cssxref("height")}} or {{cssxref("max-height")}} won't work as you don't know how much content you will have, and may end up with fewer or more columns than desired. See [Creating balanced columns](#creating_balanced_columns) for an example implementation.
8787

8888
If `balance` is not included, or if flex items are not set to wrap onto multiple flex lines, the `flex-line-count` property has no effect. If `balance` is set, but `flex-line-count` is omitted or explicitly set to `1`, the `balance` value has no effect.
8989

0 commit comments

Comments
 (0)