Saut énorme, URLs de sorte qu'ils ne déborde pas

Est-il un moyen de forcer l'énorme url comme http://www.google.de/search?q=65daysofstatic&hl=de&safe=off&prmd=ivnsl&source=lnms&tbm=isch&ei=P9NkToCRMorHsgaunaClCg&sa=X&oi=mode_link&ct=mode&cd=2&ved=0CBkQ_AUoAQ&biw=1697&bih=882 pause lors du rendu dans le site web? Je préfère le raccourcir, mais où je travaille, ils m'ont demandé d'afficher l'intégralité de l'url mais je n'ai qu'un espace de 320px de le montrer et il déborde.

Overflow:hidden, n'est pas une option non plus, et l'ajout d'un style à la td où l'url est contenue est tout simplement ignoré.

Apparemment, la réponse est oui. Semble tout simplement envelopper dans un bloc de code.
mais derrière un <a> tag
Tu veux dire à côté de javascript manipulations qui permettrait d'insérer une version abrégée de l'URL ? Considérez-vous que l'option utiliser un externe, le raccourcisseur d'URL de service, trop ?
Une possibilité serait de remplacer '&' avec ' &' - puis il tourne comme il arrive à la répartition de la largeur. Malheureusement, si quelqu'un veut le copier et de le coller dans un navigateur, ils auraient à retirer les espaces manuellement.
les mettre entre comme cela? <a href="#">huge url</a>

OriginalL'auteur Tsundoku | 2011-09-05

  1. 12

    CSS3 dispose d'une nouvelle fonctionnalité:

    word-wrap:break-word;

    Vous pouvez voir un exemple ici (vous devez disposer d'un navigateur compatible avec cette nouvelle fonctionnalité).

    C'est aussi la même tecnique adopté par StackOverflow, si vous examinez votre URL longue, vous remarquerez.

    Sinon, vous pouvez essayer Hyphenator.

    OriginalL'auteur Jose Faeti

  2. 8
    -ms-word-break: break-all;
     word-break: break-all;

     //Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

    Ci-dessus fonctionne dans Internet Explorer 8+, Firefox 6+, iOS 4.2, Safari 5.1+ et Chrome 13+.

    OriginalL'auteur Sameera Thilakasiri

  3. 4

    En Chrome, word-wrap ne fonctionne pas. Vous devez utiliser:

    word-break: break-all;

    Si vous voulez l'appliquer uniquement sur les balises, alors vous devriez utiliser:

    a {word-break: break-all;}

    Noter que break-all sera même fractionner les mots, de sorte qu'un mot peut démarrer sur une ligne et à la fin, sur un autre, c'est pourquoi il est une bonne idée de l'appliquer uniquement sur a balises. Si vous savez que vos liens contiennent toujours des mots (par exemple, ne sont pas quelque chose comme le système mylink/abcdefghijklmnopqrstuvwxyz1234567890abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz1234567890abcdefghijklmnopqrstuvwxyz1234567890 ), vous pouvez ensuite appliquer la suivante à la balise body de niveau (de cette façon, un mot n'est pas divisé sur 2 lignes):

    body {word-break: break-word;}
    word-wrap:break-word; ne fonctionne pas pour moi (sur Chrome). Je pense que cela devrait être plus élevée que la réponse. Je vous remercie.
    Merci!!!! Ne fonctionne pas sur Chrome et ça a été de me tuer! Ce doit être la accepté de répondre.

    OriginalL'auteur itoctopus

  4. 1

    - Je utiliser cette règle affecte uniquement les ancres.

    .my-paragraph p a[href] {
  word-wrap:break-word;
}

    OriginalL'auteur A. D'Alfonso