Bonjour.
Je tente d'utiliser un webkit-colum afin donc d'avoir deux colonnes sur mon design.
Mon code ressemble en gros à ceci :
Pour mon CSS, cela ressemble à ça :
Le soucis est qu'en gros, dans certains cas, il me met en bas de ma première un header d'un article, et dans le haut de la seconde colone, il me met le paragraphe correspondant.
Y'a-t'il un moyen d'éviter qu'il ne me "coupe" mes articles entre les différentes colonnes ?
Merci de vos réponses.
Bouffe
Je tente d'utiliser un webkit-colum afin donc d'avoir deux colonnes sur mon design.
Mon code ressemble en gros à ceci :
<section>
<article>
<header>Titre</header>
<p>Mon Texte</p>
</article>
<article>
<header>Titre</header>
<p>Mon Texte</p>
</article>
</section>
Pour mon CSS, cela ressemble à ça :
section {
-webkit-column-count: 2;
-webkit-column-gap: 20px;
-webkit-column-rule:1px dotted #bbb;
}
Le soucis est qu'en gros, dans certains cas, il me met en bas de ma première un header d'un article, et dans le haut de la seconde colone, il me met le paragraphe correspondant.
Y'a-t'il un moyen d'éviter qu'il ne me "coupe" mes articles entre les différentes colonnes ?
Merci de vos réponses.
Bouffe
