IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Edge - Césure d'URL


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    100
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 100
    Par défaut Edge - Césure d'URL
    Bonjour,
    Lorsque la longueur d'une url dépasse celle de son conteneur et que le mode wrap est activé, Firefox utilise le / slash pour couper l'url en 2 (ou plus) lignes :
    Nom : firefox.png
Affichages : 142
Taille : 7,5 Ko

    Edge, lui, ne tient pas compte du slash et utilise le tiret - et donc l'url déborde de son conteneur :
    Nom : edge.png
Affichages : 140
Taille : 8,1 Ko

    En utilisant la directive css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    overflow-wrap:anywhere;
    c'est un peu mieux :
    Nom : edge2.png
Affichages : 137
Taille : 6,8 Ko

    ... mais la césure se fait effectivement n'importe où !

    Y a t-il un moyen de forcer Edge à utiliser le slash pour couper l'url ?

    Merci d'avance pour vos réponses.

    Clisson

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    100
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 100
    Par défaut
    Je me réponds à moi-même parce que j'ai trouvé une solution qui me convient.

    Je n'ai accès qu'au lien (il est saisi dans un formulaire que je ne peux pas modifier) mais j'ai accès au programme php qui affiche le lien. Et donc je peux faire ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    echo '<a href="'.$lien.'" target="_blank">'.str_replace('/','/<wbr>',$lien).'</a>';
    En faisant suivre chaque / de la balise <wbr>, j'autorise la césure à cet endroit et le résultat est satisfaisant :
    Nom : edge.png
Affichages : 111
Taille : 6,7 Ko

    Le lien reste actif, ce qui est l'essentiel.

    Merci de m'avoir lu

    clisson

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 0
    Dernier message: 26/04/2023, 11h00
  2. Réponses: 3
    Dernier message: 15/07/2021, 05h31
  3. Récuparation de l URL de IE
    Par Al_co dans le forum Langage
    Réponses: 4
    Dernier message: 24/04/2008, 09h39
  4. [web] tester la validiter d'une URL
    Par zebiloute dans le forum Web
    Réponses: 4
    Dernier message: 25/11/2002, 17h51
  5. Check Url pour savoir si erreur 404 ou si le site existe
    Par Clément[Delphi] dans le forum Composants VCL
    Réponses: 2
    Dernier message: 07/08/2002, 14h49

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo