Maak uw tekst in meerdere kolommen

geplaatst in: Kennisbank | 0

Maak zeer gemakkelijk een kolommen structuur van uw tekst, net zo als een krant.

Deze mogelijkheid werkt alleen in een <div>.
Hieronder de css code met uitleg.

De  css stytle code [de_code]

/* voor firefox */
-moz-column-count: 3; /* aantal kolommen */
-moz-column-gap: 10px; /* ruimte tussen de kolommen in px */
/* voor safari */
-webkit-column-count: 3; /* aantal kolommen */
-webkit-column-gap: 10px; /* ruimte tussen de kolommen in px */
/* voor brouwsers */
column-count: 3; /* aantal kolommen */
column-gap: 10px; /* ruimte tussen de kolommen in px */

In de css style sheet van uw website

.kolommen{
[de_code]
}

In de html code van uw webpagina

<div class="kolommen">Uw tekst</div>

Alternatieve optie

<div style="[de_code]">Uw tekst</div>
Voorbeeld

Was dit artikel nuttig?

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *