[JS] Remplir div dynamiquement avec du texte

Salut.

Tu peux faire ça simplement en CSS avec la propriété overflow.
Voilà les valeurs qu'elle peut prendre :
- scroll : Des barres de scroll s'affichent, même quand le texte ne dépasse pas
- auto : Des barres de scroll apparaîssent quand c'est nécessaire
- hidden : Masque le contenu qui dépasse
- visible (par défaut) : Le contenu dépasse (mais le div ne s'agrandi pas s'il a une hauteur fixe)
- inherit : Hérite de son parent.

Salut.

Merci mais ce n'est pas ce que je recherche. En fait ne veux pas de scroll je veux juste que le js arrive a remplir la div au maximum et simplement s'arrete quand il n'y a plus de place. Il ne faut pas simplement cacher car il faut savoir ou on est rendu.

J'ai trouvé un moyen moyennement crade :
Je remplis mot par mot en verifiant si le height du div est modifié. Lorsque c'est le cas j'enleve le dernier mot. Ca marche mais il y a un léger temps de chargement au début (normal vu le procédé...).

Avant de remplir avec le DOM(js) ton Div tu tronques la longueur de ta chaîne qui vas remplir la div au nombre de caractères max que tu veut... c'est moche et pas du tout optimisé mais bon si c'est ce que tu veut ;)
Ou alors pareil en fixant une limite à ta chaîne dans le php lorsque tu la chope.

...avec ton système il y aura des bugs d'affichage si l'utilisateur a redimensionné la div ou changer la taille de la police, donc c'est vraiment pas recommandé.

psudeu, justement non.
Il n'y a pas de bug d'affichage. Au contraire c'est forcément ok dans la mesure ou je me base directement sur la taille de la div. A chaque mot je verifie si la div n'a pas changé de height.
Par contre le soucis est la lenteur du process quoi....

Sinon je n'ai pas tout a fait compris ton premier paragraphe. Car justement si je tronque arbitrairement la chaine je ne suis pas sur d'obtenir ce que je veux en fonction de la taille que l'utilisateur a set.