Tayo
Astuce et Tutorial » Programmation / Developpement » css-et-design » Aide rédigée par Zabuza
Description de cet article : Comment éviter les longs mots de détruire le désign ?
Lire les commentaires

Forcer retour ligne css





 









Comment faire pour forcer le retour à la ligne dans le cas où un mot est très long, dans l'exemple de caractère répétés ?

Imaginez un div contenant du texte. Si vous placez des lettres répétés, par exemple saluuuuuuuuuuuuuuuuuuuuuut vous risquez de voir ce mot sortir en partie du cadre, ce qui n'est pas très joli. Voyez en exemple :


 


 


Exemple de texte Saluuuuuuuuuuuuuuuuuuuuuuuuuuuuuut

Comme vous le voyez, la lettre utilisée de nombreuse fois uuuuu fait déborder le mot en dehors des limites du div. Le mot trop long dépasse du cadre. C'est par exemple souvent le cas pour des liens web ( html ou image ).


La solution est dans le css


Reprenons maintenant ce même div, et on empeche le dépassement des lettres en dehors du div, pour forcer le retour à la ligne. Là, c'est parfait.


Exemple de texte Saluuuuuuuuuuuuuuuuuuuuuuuuuuuuuut

La différence réside dans l'utilisation de la propriété css ( pas besoin de php dans notre cas ) word-wrap: break-word;

Voici à quoi correspond le code du deuxième div :


[code=html]<div style="width:150px;border:solid 1px black;word-wrap:break-word">Exemple de texte Saluuuuuuuuuuuuuuuuuuuuuuuuuuuuuut</div>[/code]

 


Pensez donc à bien utiliser l'attribut word-wrap en css. Si vous le souhaitez, regardez également un coup d'oeil sur la fonction PHP wordwrap pour réaliser des scripts sympathiques !


 



réduireNews
réduireTutoriel lié
  • Forcer retour ligne css
    Comment éviter les longs mots de détruire le désign ?
  • Php code Forcer téléchargement
    Code pour forcer téléchargement
  • Forcer le www devant un nom de domaine
    Fonction Header pour obliger le www
  • Rebooter un ipod / iphone
    Comment faire un reboot forcer sur son Ipod touch?
  • Dans la même catégorie : css-et-design

    Passer l'activation de Windows 7 temporairement avec invite de commande

    Faire tourner un div d'un certain angle en css
    réduireSocial

    rss 3D png rss 3D png


    Pseudo :
    Pass :
    Les lecteurs ont donné une note moyenne de :
    note 10
    Note: 10 sur 10

    Donnez votre note à ce tuto sur 10 :

    Faire tourner un div d'un certain angle en css

    Liste des commentaires pour Forcer retour ligne css


    Votre PseudoIl y a 0mn
    Votre commentaire forum
    Vous avez la parole
    Laissez un commentaire sur cet article.
    Pseudo :


    Facultatif : Cliquez ici pour choisir une tête
    Votre email ( non publié ) :

    Image anti spam :
    Code Image
    Recopier les 5 chiffres de cette image :






    Prendre contact avec Tayo.fr : Formulaire Tayo

    Tayo.fr, copyright jusqu'en 2233 ( Au moins ! ).