CSS-Eigenschaft column-fill
Die Eigenschaft column-fill
steuert den Inhalt des Elements, wenn es in Spalten unterteilt ist. Der Inhalt kann ausgeglichen oder sequentiell gefüllt werden. Somit hat es zwei Werte: balance und auto. "Balance" ist der Standardwert. Der Inhalt ist gleichmäßig auf die Spalten verteilt. Wenn Spalten durch den Wert "auto" angegeben werden, nimmt der Inhalt den Raum, den er benötigt, ein.
column-fill: auto | balance | balance-all | initial | inherit;
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
.balance {
column-count: 4;
column-rule: 1px solid black;
column-fill: balance;
}
</style>
</head>
<h2>Beispiel für die Eigenschaft column-fill</h2>
<body>
<p class="balance">
Das ist ein Text, der in mehrere Teile aufgeteilt ist.
Die CSS-Eigenschaft column-fill wird verwendet,
um die Inhalte gleichmäßig auf alle Bereiche zu verteilen.
</p>
</body>
</html>