Forçant les en-têtes pour l'envelopper dans du html

J'ai une page web qui affiche un document pdf. Dans l'en-tête il y a une image et une balise h1 qui contient un nom. Lorsque le nom est trop long, elle est coupée. Comment puis-je forcer le retour à la ligne à la ligne suivante au lieu de cela, de sorte que le nom complet est affiché? J'ai essayé d'insérer une style="white-space:normal" mais il n'aide pas. Des suggestions?

Pouvez-vous poster un exemple de code que nous regardons pour avoir une meilleure idée du problème?

OriginalL'auteur froadie | 2009-12-16

  1. 19
    word-wrap:break-word;
    cela n'a pas fonctionné 🙁
    assurez-vous qu'il est aussi white-space:normal

    OriginalL'auteur Tor Valamo

  2. 8

    h1 tags envelopper par défaut. Si ils ne le sont pas, quelque chose dans votre feuille de style CSS est primordial que le comportement par défaut. Si vous pouvez poster un lien vers le site, nous pouvons rapidement vous aider. Vous pourriez envisager d'installer Firebug pour Firefox, il vous laisse un clic-droit sur le h1 et voir ce que les styles sont appliqués à elle, et d'où ils viennent.

    OriginalL'auteur ceejayoz

  3. 2

    Il devrait avoir la combinaison des deux:

    word-wrap: break-word;
white-space: normal;

    grâce à Tor et Alex 🙂

    OriginalL'auteur justnajm

  4. 0

    Est l'en-tête figurant wihtin un autre élément comme un div? Si oui, vérifier le débordement de l'élément et/ou essayez de visible comme ceci:

    style="overflow:visible;"
    Non, il n'est pas à l'intérieur d'un autre élément

    OriginalL'auteur Sonny Boy

  5. 0

    la h1 balise a un zéro à hauteur de la ligne

    style="line-height:100%;"

    OriginalL'auteur Fabio