Difference Between column-gap, column-span & column-fill in CSS

column-gap

This property is used to specify the gap between the columns. We can set this property to normal (default) and length.

Ex: –

div { column-gap: 30px;}

column-span

This property is used to specify how many columns an element should span across. We can set this property to none (default) and all.

Ex: –

div { column-span: all;}

column-fill

This property is used to specify how to fill columns, balanced or not. We can set this property to balance (default) and auto.

Ex: –

div { column-fill: auto;}

Tagged : / / /