Help:Kolommen: verschil tussen versies

132 bytes verwijderd ,  2 mei 2023
k
geen bewerkingssamenvatting
k (Aanpassingen voor verbeterde weergave op mobiele apparaten)
kGeen bewerkingssamenvatting
Regel 5: Regel 5:
==Kolommen op basis van Columns==
==Kolommen op basis van Columns==
===Smalle kolommen, max 4===
===Smalle kolommen, max 4===
<div style="columns: 150px 4; column-gap: 32px;">
<div class="kolommen-4">
1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9
1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9


Regel 14: Regel 14:


===Medium  kolommen, max 3===
===Medium  kolommen, max 3===
<div style="columns: 200px 3; column-gap: 32px;">
<div class="kolommen-3">
1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9
1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9


Regel 23: Regel 23:


===Normale kolommen, max 2===
===Normale kolommen, max 2===
<div style="columns: 300px 2; column-gap: 32px;">
<div class="kolommen-2">
1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9
1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9


Regel 32: Regel 32:


===Kranten kolommen===
===Kranten kolommen===
<div style="columns: 300px 2; column-gap: 32px; text-indent: 2em; text-align:justify;">
<div class="kolommen-2 krant">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.