Discussion :

[Ariane99i]

Bonjour,

Je souhaite faire un retour à la ligne de mon texte s'il dépasse une certaine longueur dans mon tree déroulant. Cependant quand je modifie mon style et div, je me retrouve avec des sauts de ligne injustifiés faisant même apparaître une check box vide entre mes éléments initiaux de ma liste. Je ne comprends pas où ça pêche, si quelqu'un si connaît n'hésitez pas à m'en demander plus pour m'aider à résoudre ce problème.

Voici ma partie CSS, je peux vous envoyer le reste si quelqu'un veut prendre le temps de regarder le problème.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 .checkbox-container {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap; /* Permettre le retour à la ligne */
        }
        .checkbox-container input[type="checkbox"] {
            margin-right: 10px;
        }
        .checkbox-container label {
            word-wrap: break-word; /* Pour les retours à la ligne automatique */
            display: inline-block;
            max-width: 150px; /* Ajuster cette valeur selon vos besoins */
            white-space: normal; /* Assurer le retour à la ligne */
        }

Et en image le résultat du tree...


Merci !

[NoSmoking]

Bonjour,

Et en image le résultat du tree...

plutôt qu'une image c'est la code HTML utilisé qu'il nous faut pour pouvoir t'aider sur un sujet qui concerne visiblement plus le CSS que Leaflet !

[NoSmoking]

@Ariane99i :

Petit (re)rappel au passage : Les règles du club : IV-G. Remerciements

	Il est de bon ton de remercier la personne qui vous a aidé bénévolement et de lui signaler que sa réponse a bien résolu votre problème ou bien répondu à votre question.