Trucsweb.com

Trucsweb.com

HTML

Mise en forme du texte HTML

RDFFav

Empêcher le saut de ligne automatique - Mise en forme du texte, les balises NOBR et WBR

Les navigateurs forcent le saut de ligne quand le bord de la fenêtre ou d’une table est atteint. Une image forcera automatiquement le document ou une table de sortie de la fenêtre, obligeant ainsi le visiteur à utiliser la barre de défilement pour voir le reste de l’image.html, balise, tag, br, clear, forcer, empêcher, automatique, wbr, all, right, left, saut, ligne format, forme, texte, style, br, br clear=Empêcher le saut de ligne automatique - Mise en forme du texte, les balises NOBR et WBR

  • · Niveau : DÉBUTANT
  • · Compatibilité : Tous les navigateurs

Les navigateurs forcent le saut de ligne quand le bord de la fenêtre ou d’une table est atteint. Une image forcera automatiquement le document ou une table de sortie de la fenêtre, obligeant ainsi le visiteur à utiliser la barre de défilement pour voir le reste de l’image. Ce n’est pas le cas pour le texte. En effet le texte est automatiquement scindé selon les dimensions de la fenêtre ou de la table dans laquelle il est affiché.

En utilisant la balise <NOBR> vous forcez le navigateur à ne pas sauter de ligne.

DÉSUET : Quant à elle, la balise <WBR>, utilisée à l’intérieur des balises <NOBR> redonne au navigateur le saut de ligne automatique par défaut.

NOTE : Cette dernière balise n’était déjà pas compatible à l’époque. Il existe une autre façon, avec les tables, de forcer le navigateur à rester sur la même ligne. À voir dans la section Manipuler les Tables HTML.

EXEMPLE (dans une table 100 pixels sans NOBR):

Votre long très long texte…<br />Votre long très long texte… Votre long très long texte…

RÉSULTAT :

Votre long très long texte…
Votre long très long texte… Votre long très long texte…
EXEMPLE (dans une table 100 pixels avec NOBR):

<NOBR>Votre long très long texte…<br />Votre long très long texte…<WBR>Votre long très long texte…</ NOBR>

RÉSULTAT :

Votre long très long texte…
Votre long très long texte…Votre long très long texte…

La table de 100 pixels à été forcée au delà des 100 pixels...

La balise <nobr> est obsolète

Toujours supportée par l’ensemble des navigateurs, la balise <nobr> ne fait plus partie du standards du HTML5 au profit du CSS white-space:nowrap. Il suffit de créer une classe « .nobr » ou « .sanssautdeligne » et de l’utiliser dans un <span>.

<style>
.sanssautdeligne { white-space:nowrap; }
</style>

<span class="sanssautdeligne">Votre long très long texte…<BR>Votre long très long texte…<WBR>Votre long très long texte…</span>

RÉSULTAT CSS:

Votre long très long texte…
Votre long très long texte…Votre long très long texte…

» Suite Mise en forme du texte

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

    Ajouter un commentaire
    Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
    Votre évaluation du tutoriel

    8/10 sur 1 revues.
           Visites : 50093 - Pages vues : 74055
    X

    Trucsweb.com Connexion

    Connexion

    X

    Trucsweb.com Mot de passe perdu

    Connexion

    X

    Trucsweb.com Conditions générales

    Conditions

    Responsabilité

    La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

    Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

    Droit applicable et juridiction compétente

    Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

    X

    Trucsweb.com Trucsweb

    X

    Trucsweb.com Glossaire

    X

    Trucsweb.com Trucsweb

    X

    Trucsweb.com Trucsweb

    Conditions

    Aucun message!

    Merci.

    X
    Aucun message!
    X

    Trucsweb.com Créer un compte

    Créer un compte

    .
    @