column-fillでカラムの内容を揃える方法を指定【CSS】

column-fillプロパティは、カラムなど段組みの内容を揃える方法を指定するプロパティです。

column-fillの値の指定方法

column-fillプロパティでは、以下のような値を指定できます。

auto

column-fillプロパティでautoを指定すると、カラムの内容はできるだけ前詰めになるように調整されます。

ただし、段組みの高さが指定されている場合のみ、このプロパティを使うことができます。

balance

balanceを指定すると、できるだけ、各カラムの内容が等しくなるように調整されます。

この値が初期値となっているので、通常均等になるように自動的に調整されます。