CSS - Retour en haut de colonne

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS - Retour en haut de colonne

Furaxx

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

Publicité

David Boring

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

Furaxx

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

alainpre

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

FORUM HardWare.fr

Programmation

HTML/CSS

CSS - Retour en haut de colonne

Sujets relatifs
message d'alerte après un tri sur la colonne	Retour en arrière
Envoi SMS Python suivant retour commande	Afficher des valeurs d'une colonne à l'autre selon condition
Ecrire une variable tableau sur une feuille avec colonne masquéees	code HTML d'un bouton bas / haut de page dans Google site
MariaDB Requête UPDATE JSON_SET sur une colonne NULL	Développement quel langage haut niveau : pour aller vite.
Remplacer le contenu d'une colonne dans ma base de donnée SQL	vérifier si valeur dans un intervalle et renvoyer une colonne
Plus de sujets relatifs à : CSS - Retour en haut de colonne

Page générée en 0.039 secondes