CSS - Retour en haut de colonne

Marsh Posté le 03-10-2019 à 09:52:52

Bonjour,

J'ai une liste d'éléments contenus dans des div, eux-même contenu dans un bloc ayant ces propriétés CSS:

Code :

.listeDomainesTotale {
column-count: 2;
column-gap: 1em;
}

Chaque élément contenu dans "listeDomainesTotale" est présentée comme ceci:

Code :

<div class="element">
<div>Le titre</div>
<div>Le contenu</div>
</div>

J'ai bien mes 2 colonnes, mais le problème est au moment du retour en haut de la seconde colonne, où je me retrouve parfois avec le titre d'un élément en bas de la première, puis son contenu en haut de la seconde.
Je ne sais pas s'il existe une possibilité de luie préciser que le bloc "element" est insécable?

Merci!

Message édité par Furaxx le 03-10-2019 à 09:53:06

Marsh Posté le 03-10-2019 à 09:52:52

Marsh Posté le 03-10-2019 à 14:03:33

Je pense que tu peux employer `break-inside`
https://css-tricks.com/almanac/prop [...] ak-inside/

Marsh Posté le 05-10-2019 à 18:03:01

Ah tiens, pas faute d'avoir cherché et re-cherché et je n'ai jamais trouvé cette propriété.
Merci beaucoup!

Message édité par Furaxx le 05-10-2019 à 18:03:40

Marsh Posté le 06-12-2019 à 12:43:47

Oui break-inside mais regarde aussi column-fill, qui peut être utile.

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *