Game Development Reference
In-Depth Information
heading of some sort. It may not look too good if the last line in a column is a lonely
heading meant to introduce the next section. The column break property gives us
this ability where we can specify column breaks before or after an element.
By specifying where a column should or should not break into the next column, we
can have more control over how each column is rendered and populated, as demon-
strated in the following screenshot:
The same properties used to control page breaks in CSS are also used to control
the breaking of columns. There are three properties we can use to control column
break, namely
break-before
,
break-after
, and
break-inside
. The first two
are fairly self-explanatory—we can use break before or after to indicate the behavior
before or after a particular element, such as always break the column, never break,
or insert the column break where it should normally be inserted. Break inside, on the
other hand, specifies what should be the behavior inside a multiline block of text, in-
stead of simply at its beginning or end.
