Example
A simple column-fill property example:
Laboratory
description & Usage
We use the column-fill property to balance the columns with and without content.
Browser compatibility and Support
| # |
Chrome |
Edge |
Firefox |
Safari |
Opera |
| column-fill |
|
|
|
|
|
Values
| Values |
Description |
|
balance
|
Creates an equal alignment between the columns, which makes their height or width not change and remain fixed in relation to the content loaded in the column.
|
|
auto
|
is the default value; Specifies a gap and spacing between columns.
|
|
initial
|
Adds this value to its default property.
|
|
inherit
|
It inherits this value from its parent tag.
|
